Javascript 如何使用按钮激活For循环以显示每次按钮单击的每个单独结果？_Javascript_Html_Loops_For Loop_Button

Javascript 如何使用按钮激活For循环以显示每次按钮单击的每个单独结果？

javascript html loops for-loop button

Javascript 如何使用按钮激活For循环以显示每次按钮单击的每个单独结果？,javascript,html,loops,for-loop,button,Javascript,Html,Loops,For Loop,Button,我花了大约3个小时试图解决这个问题，但多次失败，我的代码最终又回到了这一点学问函数theMath（用户输出）{ document.getElementById（“userOutput”）.innerHTML=userOutput } 从一数到十 var strOutput=“”； var i；对于（i=0；i由于您希望在单击时附加值，因此不需要使用循环。只需捕获事件并附加到必要的元素另外，由于您只是尝试更新元素的文本，所以应该尝试使用textContent而不是innerHTML

我花了大约3个小时试图解决这个问题，但多次失败，我的代码最终又回到了这一点


学问
函数theMath（用户输出）{
document.getElementById（“userOutput”）.innerHTML=userOutput
}

从一数到十

var strOutput=“”；
var i；
对于（i=0；i由于您希望在单击时附加值，因此不需要使用循环。只需捕获事件并附加到必要的元素
另外，由于您只是尝试更新元素的文本，所以应该尝试使用textContent
而不是innerHTML


innerHTML
：这将把传递的字符串处理为HTML，然后更新所需元素的HTML
textContent
：这不会进行任何处理。它只会更新元素的文本内容


//以避免出血到全局范围。
（功能（）{
var计数=0；
函数theMath（用户输出）{
document.getElementById（“userOutput”）.textContent+=userOutput
}
document.getElementById（'btnOutput'）。addEventListener（'click'，function（）{
如果（++count因为您希望在单击时附加值，则不需要使用循环。只需捕获事件并附加到必要的元素
另外，由于您只是尝试更新元素的文本，所以应该尝试使用textContent
而不是innerHTML


innerHTML
：这将把传递的字符串处理为HTML，然后更新所需元素的HTML
textContent
：这不会进行任何处理。它只会更新元素的文本内容


//以避免出血到全局范围。
（功能（）{
var计数=0；
函数theMath（用户输出）{
document.getElementById（“userOutput”）.textContent+=userOutput
}
document.getElementById（'btnOutput'）。addEventListener（'click'，function（）{
如果（++count不需要for循环，只需增加数字并显示一个新数字

var i=1；
var maxValue=11；
document.getElementById（“btnOutput”）.addEventListener（“单击”，函数（）{
如果（i<最大值）{
document.getElementById（“userOutput”）.innerHTML++=（i++）+“
”；
}
})；

学问

从一数到十

您不需要for循环，只需增加数字并显示新的数字即可

var i=1；
var maxValue=11；
document.getElementById（“btnOutput”）.addEventListener（“单击”，函数（）{
如果（i<最大值）{
document.getElementById（“userOutput”）.innerHTML++=（i++）+“
”；
}
})；

学问

从一数到十

实际上，您不需要for循环。只需分配一个全局变量和一个全局限制，然后将递增的值附加到innerHTML

<html>
<head>
<title>Learning</title>
<script type="text/javascript">
    var i = 1;
    var maximum = 11;
    function addnum(){
        if (i<maximum) {
            document.getElementById("userOutput").innerHTML +=" "+i++;
        }

}
</script>
</head>
<body>
<p id="userOutput"></p>

<p> Counting from one to ten</p>
<input type ="button"
        id = "btnOutput"
        onclick="addnum()"
        value = "Add a number!"/>
<p></p>

</body>
</html>


学问
var i=1；
var最大值=11；
函数addnum（）{
如果（i实际上不需要for循环，只需分配一个全局变量和一个全局限制，然后将递增的值附加到innerHTML

<html>
<head>
<title>Learning</title>
<script type="text/javascript">
    var i = 1;
    var maximum = 11;
    function addnum(){
        if (i<maximum) {
            document.getElementById("userOutput").innerHTML +=" "+i++;
        }

}
</script>
</head>
<body>
<p id="userOutput"></p>

<p> Counting from one to ten</p>
<input type ="button"
        id = "btnOutput"
        onclick="addnum()"
        value = "Add a number!"/>
<p></p>

</body>
</html>


学问
var i=1；
var最大值=11；
函数addnum（）{
如果（I不幸的是，我必须在这个例子中使用for循环，它实际上需要出现在我的代码中。我还需要使用按钮和函数。不幸的是，我必须在这个例子中使用for循环，它实际上需要出现在我的代码中。我还需要使用按钮和函数。不幸的是，我必须在这个例子中使用for循环，它实际上是y必须出现在我的代码中。我还需要使用按钮和函数。不幸的是，在这个例子中我必须使用for循环，它实际上必须出现在我的代码中。我还需要使用按钮和函数。