2016-09-16 111 views
0

我在正确获取JavaScript代码时遇到了一些麻烦。我需要一些帮助,了解它在哪里以及它应该如何看待。用户输入文本框

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

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

这里是我的问题:

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

  • 设置的listItem变量为字符串“项目”的价值与i的值连接。
  • 将id等于listItem的元素的内容设置为具有id或工具箱的元素的值。
  • 将带有工具箱ID的元素的值设置为空的 字符串。

我不知道如果我设置此功能的权利。我已经尝试过w3Schools,他们网站上的信息似乎没有帮助/不清楚。

+0

说实话,我觉得你只需要研究和学习更多的JavaScript。在你的if语句中,你正在将元素listItem的HTML设置为条件'(i <= 5)'的值,如果它运行的话它将是'true'(因为它与'if ')。 'i'是一个字符串,而不是一个数字,该函数缺少一个右括号。 –

+0

w3schools不是一个很好的教程网站,它有很多错误。 – Barmar

+0

你的指示确切描述你需要做什么。只需将每个操作转换为代码。因此,请查看如何在Javascript中连接字符串。然后将该结果分配给变量。然后在调用getElementById时使用该变量(不是带引号的字符串)。 – Barmar

回答

1

一步一步走向:

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

    var listItem = "item" + i; // + performs string concatenation 
    
  • 设置元素的含量具有id等于listItem与的toolbox该ID的元素的值。

    document.getElementById(listItem.innerHTML = document.getElementById("toolbox").value; 
    
  • toolbox的ID的元素的值设置为空字符串。

    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 = ""; 
    } 
} 
0

我不知道你在这背后的目标是什么,但这是如何完成的。 记得,“我”将保持不变,因为你不增加它 只是学习更多的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 = ""; 
    } 
} 

+0

您在调用'document.getElementById()'时没有使用'listItem'的值。 – Barmar