0

JavaScript でこのチュートリアルをもう一度やっている皆さん。ボタンをクリックしても、新しい項目を入力した後にテキストが表示されないことに気付きました。理由を知っている人はいますか。私のcssから境界線があるので、それが入力されていることを知っています。とにかく、これまでの私のコードです。

<!doctype html>
<html>
    <head>

    <title>To do list with html and javascript</title>
    <style>
    ul { list-style: none; padding: 0; margin: 0; width: 400px;}
    li { border: 4px solid #ccc; background: #eee; padding: 10px 15px; color: #000; }
        </style>
    </head>
    <body>
<h1>To Do List</h1>
<p><button id="btnAdd">click here!</button></p> 

<ul id="todolist">
</ul>

</ul>


<script src="todo.js"></script>
    </body>
</html>

と

function addNewItem(list, itemText){
    var listItem = document.createElement("li");
    listItem.innerText = "itemText";


    list.appendChild(listItem);
}


var btnNew= document.getElementById("btnAdd");
btnNew.onclick = function() {
    var itemText = prompt("what is your task?")
    addNewItem(document.getElementById("todolist"), itemText);
};
4

4 に答える 4

4 
listItem.innerText = "itemText"; // This is a string

する必要があります

listItem.innerText = itemText; // This is the parameter

また、余分な</ul>終了タグがあるようです。

于 2013-08-16T21:32:25.403 に答える
0

2 番目の /ul を削除する非常に単純な誤解

于 2013-08-16T21:42:18.353 に答える