javascript - 如何使用 JavaScript 记录人们在文本框中键入的内容？

Question

我正在尝试使用 HTML 文本框制作一个简单的待办事项列表元素，您可以在其中输入任务并将其显示在屏幕上，但是我不知道如何记录某人输入的内容以便显示在屏幕上。

我想过将信息记录在一个数组中，但我仍然不知道如何实际记录在文本框中键入的内容。

<div id="newList">
  <input type="text" placeholder="Enter your task here" id="task1"/>
  <div id="addBut"></div>
  <div id="item"></div>
</div>

Answer 1

如果你只是想登录到控制台:

    let input = Document.getElementById("task1");
    input.addEventListener("keydown",(e) =>{
      e.preventDefault()
      console.log(e.currentTarget.value)
    });

如果要在屏幕上显示:

    let input = Document.getElementById("task1");
    let div = Document.getElementById("item");
    input.addEventListener("submit", (e) => {
        div.innerHTML(e.currentTarget.value)
    })

This适合 Vanilla JS。