目前正在嘗試使用 JavaScript 并構建一個待辦事項列表 Web 應用程序。有一些問題。當我刷新頁面時，出現錯誤：TypeError: tasks is null當我按下提交按鈕時，它給出了錯誤：TypeError: cyclic object value在閱讀了有關 JavaScript 的在線教程后，我嘗試了一下，然后我想到了用一些像這樣的基本項目來實現它。我該如何解決這些錯誤？我似乎無法找出解決方案。JS代碼：document.getElementById('form-Task').addEventListener('submit', saveTask);// Save new To-Do Itemfunction saveTask(e){let title = document.getElementById('title').value;let description = document.getElementById('description').value;let task = {    title,    description};if(localStorage.getItem('tasks') === null) {    let = tasks = [];    tasks.push(tasks);    localStorage.setItem('tasks', JSON.stringify(tasks));} else {    let tasks = JSON.parse(localStorage.getItem('tasks'));    tasks.push(task);    localStorage.setItem('tasks', JSON.stringify(tasks));}getTasks();// Reset form-Taskdocument.getElementById('form-Task').reset();e.preventDefault();}// Delete To-Do Itemfunction deleteTask(title) {let tasks = JSON.parse(localStorage.getItem('tasks'));for (let i = 0; i < tasks.length; i++){    if(tasks[i].title == title) {        tasks.splice(i, 1);    }}localStorage.setItem('tasks', JSON.stringify(tasks));getTasks();}// Show To-Do Listfunction getTasks(){let tasks = JSON.parse(localStorage.getItem('tasks'));let tasksView = document.getElementById('tasks');tasksView.innerHTML = '';for(let i = 0; i < tasks.length; i++){    let title = tasks[i].title;    let description = tasks[i].description;    tasksView.innerHTML +=    `<div class="card mb-3">        <div class="card-body">            <div class="row">                <div class="col-sm-3 text-left">                    <p>${title}</p>                </div>                <div class="col-sm-7 text-left">                    <p>${description}</p>                </div>                <div class="col-sm-2 text-right">                    <a href="#" onclick="deleteTask('${title}')" class="btn btn-danger ml-5">X</a>                             </div>            </div>        </div>    </div>`;}}getTasks();