2016-03-23 5 views
1

私はリストを作成する方法に関するチュートリアルを見てきましたが、これまでのところ私のコードはチュートリアルのものと同じですが、まだ動作しません - 私は永遠にコードを主演していましたが、なぜ.. 私の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があなたがこの行にタイプミスがあり

+0

F12キーを使用して、ブラウザのコンソールツールでデベロッパーツールをブラウズしてください。これは、今後、この無効な行を分離することでこれを支援します。 –

答えて

2

..起こります。あなたはF12をヒットした場合、あなたはエラーコンソールが表示されます、ほとんどのブラウザでhttps://jsfiddle.net/omgtoblerone/h2sL1vu8/

は、この作業フィドルを参照してください。コンソールを見ると、次のエラーが表示されます。

Uncaught ReferenceError: ducument is not defined

簡単な修正!

+0

OMGありがとうございました!!!私はsooのために私のコードを主演していて、それを見ることができませんでした! – learningcoding

+0

@learningcoding答えの左側のチェックボックスをクリックして回答を受け入れることを忘れないでください:) –

関連する問題