我有一個HTML/JS如下所示的代碼，在單擊“執行”按鈕時，我想顯示：[{"detail":"Hello World"},{"detail":"Great News"}]目前，單擊“執行”按鈕后，我得到以下信息：[{"detail":""},{"detail":""}]我想知道我需要在下面的 JS 代碼中進行哪些更改，以便單擊“執行”按鈕時，我能夠顯示：[{"detail":"Hello World"},{"detail":"Great News"}] HTML： <input type="submit" onClick="runCode()" value="Execute" > <div id="console-log"> </div>JavaScript：$(document).ready(function() { })function runCode(){var td=new Todo()td.addTask("Hello World")td.addTask("Great News")td.printList()}class Todo{    constructor(name) {        this.todolist = [];                        this.task={            'detail':''        }      }        addToList(newobj)    {        this.todolist.push(newobj)         }    addTask(taskDetail){                        this.task.detail=taskDetail            this.todolist.push(this.task)            this.task.detail='' //clear data for next step        }    printList()    {            var consoleLine = "<p class=\"console-line\"></p>";            var text= JSON.stringify(this.todolist)         $("#console-log").append($(consoleLine).html(text));        //alert(this.todolist)    }}