私はリストを作成する方法に関するチュートリアルを見てきましたが、これまでのところ私のコードはチュートリアルのものと同じですが、まだ動作しません - 私は永遠にコードを主演していましたが、なぜ.. 私のhtml(私はcodepenの私のコードを書いていたので、私はなどを含める必要はありません(ジャバスクリプト、HTMLとCSSがすでに組み合わされている):Javascriptリストを行うには - 自分のコードで何が間違っていますか?
<body>
<h1>To Do List</h1>
<p><button id="add">Add</button></p>
<ul id="todoList"></ul>
</body>
Javascriptを:
function addNewItem(){
var listItem = document.createElement ("li");
listItem.innerText = "hello";
var list = ducument.getElementById("todoList");
list.appendChild(listItem);
}
var btnNew = document.getElementById("add");
btnNew.onclick = addNewItem;
チュートリアルでは同じコードが機能し、追加ボタン「hello」が表示されていて、自分のコードに何も表示されていない
var list = ducument.getElementById("todoList");
それはdocument
、ないducument
だ:私は追加ボタンをクリックするとgがあなたがこの行にタイプミスがあり
F12キーを使用して、ブラウザのコンソールツールでデベロッパーツールをブラウズしてください。これは、今後、この無効な行を分離することでこれを支援します。 –