待办事项应用程序显示没有错误,但src .js文件不会显示

时间:2017-02-08 20:21:31

标签: javascript html

我是编程新手。

我使用了src文件,没有出现错误,但没有显示app.js文件的功能。 这应该是一个简单的待办事项列表的开始阶段。

<span>What do you want to do today?</span>
<button id="btnAdd">Click for New Item</button>
<ul id="todolist"></ul>
<script src="app.js"></script>

这是app.js文件中的内容:

function addNewItem(list) {
    var listItem = document.createElement('li');
    listItem.innerText = "Hello";
    list.appendChild(listItem);
}

var btnNew = document.getElementById("btnAdd");
btnNew.oneclick = function() {
    addNewItem(document.getElementById("todolist"));
};

1 个答案:

答案 0 :(得分:2)

我突然想到的是.oneclick应该是.onclick

作品:http://codepen.io/anon/pen/GrYKEw

App.js应该是:

function addNewItem(list) { var listItem = document.createElement('li');
listItem.innerText = "Hello";
list.appendChild(listItem); }

var btnNew = document.getElementById("btnAdd");
btnNew.onclick = function() { addNewItem(document.getElementById("todolist")); };`