自從我剛剛開始學習JavaScript以來，就試圖為一個項目制作一個待辦事項列表。下面是代碼。function newElement() {  var inputval = document.getElementById('inputnewlist').value;  var li = document.createElement('li');  var lichild = document.createTextNode('inputval');  li.appendchild('lichild');  if (inputval === '') {    alert('you must put something in the textbox!');  } else {    document.getElementById('mylist').appendchild('li');  }  document.getElementById('inputnewlist').value = "";}document.getElementsByClassName('addbutton').addEventListener('click', function() {  newElement();});<div id="formcontainer">  <h2 class="title"> To Do List </h2>  <label for="inputnewlist"> Add To List</label>  <input type="text" name="inputnewlist" id="inputnewlist" placeholder="Add thing to do..">  <button class="addbutton">Add</button></div><ul id="mylist">  <li> hi hehe <span class="exit"> x </span></li></ul>問題是該按鈕根本不執行任何操作。我已經嘗試過使用onclick而不是事件列表，但沒有任何變化。這是怎么回事？老實說，我不明白為什么它不起作用。希望你們能幫上忙！