待办事项列表JS项目:当你按"输入"时试图添加列表项。

时间:2017-10-27 13:29:47

标签: javascript javascript-events

我正在构建一个待办事项列表作为我的第一个JS项目。

我有一个搜索框,人们可以按提交提交一个列表项,但我想这样做,无论他们输入什么,他们只需按"输入"添加列表项。

代码应该是什么样的?

1 个答案:

答案 0 :(得分:0)

为submit标记指定一个id属性,例如“id =”newItem“。

然后在javascript中,使用getElementById()检索该按钮的id并将其存储到变量中。向变量添加事件侦听器,然后添加一个函数作为第二个参数:

let newItem = document.getElementById('newItem')

newItem.addEventListener('keypress', function(e) {
    e.preventDefault();
    if (e.keyCode === 13) {

      // create new list item and append to ul

    } 
})