Question

我是网络开发的新手，我需要一个接一个地读取用户输入，因为单击了添加按钮，直到按下停止按钮，然后在列表中显示用户输入。我该怎么做？

<Title>To Do List</Title>
    <Body>
        <Button id = "AddBtn"  onClick = "Store()">Add</Button>
        <Button id = "StopBtn" onclick  = "Display()">Stop</Button>
        <input id = "ip" type = "text" >

        <script>
            function Store()
            {
                var tasks;
                tasks.push(document.getElementById('ip'));
            }
            function Display()
            {
                var i;
                for(i=0;i<tasks.length;i++)
                {
                    document.write(tasks[i]);
                }

            }

        </script>
    </Body>

Answer 1

<!Doctype html>
<html>

<head>
  <Title>To Do List</Title>
</head>

<Body>
  <Button id="AddBtn" onclick="Store()">Add</Button>
  <Button id="StopBtn" onclick="Display()">Stop</Button>
  <input id="ip" type="text">
  <ul id="list">
  </ul>

  <script>
    var tasks = [];

    function Store() {

      tasks.push(document.getElementById('ip').value);
      document.getElementById("ip").value = "";
    }

    function Display() {
      var i;
      for (i = 0; i < tasks.length; i++) {
        var item = document.createElement("li");
        var text = document.createTextNode(tasks[i]);
        item.appendChild(text);
        document.getElementById("list").appendChild(item);

      }
      tasks = [];

    }
  </script>
</Body>

</html>

Javascript是区分大小写的语言.onClick应该是的onclick。
你想存储多个值。你需要一个数组而不是一个变量
您只想保存数组中的值而不是整个元素。
您希望在将其添加到任务数组后清除输入值。
您需要从数组中获取值并创建li元素值。
你需要一个父项为你的li项目，可以是ul，ol或div。
您必须将所有创建的li元素添加到父级。
循环结束后，您可以在显示方法中清除数组。

读取用户输入，直到按下按下javascript

1 个答案: