javascript - 用户输入文本框

Question

我在正确编写 JavaScript 代码方面遇到了一些麻烦。我需要一些帮助来了解什么在哪里以及它应该是什么样子。

这就是我到目前为止在脚本中的内容。

<script>
  var i = "1";
   var listItem = "";
  function processInput() {
 if (i <= 5) //Comparison operator//
      document.getElementById("listItem").innerHTML = (i <= 5);
  </script>

这是我的问题:

创建一个名为 processInput() 的函数。在函数内创建一个 if 语句，该语句在 i 的值小于或等于 5 时运行。if 语句应执行以下操作:

• 将 listItem 变量的值设置为与 i 值连接的字符串“item”。
• 将 id 等于 listItem 的元素的内容设置为 id 或 toolbox 的元素的值。
• 将toolbox id 的元素的值设置为空 字符串。

<小时/>

我不确定我的设置是否正确。我尝试过 w3Schools，他们网站上的信息似乎没有帮助/不清楚。

Answer 1

一步一步进行:

• 将 listItem 变量的值设置为与 i 值连接的字符串“item”。

  var listItem = "item" + i; // + performs string concatenation
  

• 将 id 等于 listItem 的元素的内容设置为 id 为 toolbox 的元素的值。

  document.getElementById(listItem.innerHTML = document.getElementById("toolbox").value;
  

• 将 id 为 toolbox 的元素的值设置为空字符串。

  document.getElementById("toolbox").value = "";
  

所以整个函数应该如下所示:

function processInput() {
    if (i <= 5) {
        var listItem = "item" + i;
        document.getElementById(listItem.innerHTML = document.getElementById("toolbox").value;
        document.getElementById("toolbox").value = "";
    }
}