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或工具箱的元素的值。
将具有工具箱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 = "";
    }
}

Answer 2

我不知道你背后的目标是什么，但这就是它的完成方式。记住，“我”将保持不变，因为你没有增加它只是研究更多的JavaScript，我希望这可以帮助你的伙伴

<script type="text/javascript">
var i = 1;
var listItem = "";
var listItemElement = document.getElementById("listItem");
var toolbox = document.getElementById("toolbox");
processInput();

function processInput() {
    if (i <= 5) {
        listItem = "item " + i;
        listItemElement.innerHTML = toolbox.innerHTML;
        toolbox.innerHTML = "";
    }
}

用户输入文本框

2 个答案: