我只是想让我的循环计数器将其所有索引输出到我的html
这是我的html输入:
<body>
<div>
<label for="start">Start</label>
<input type="number" name="start">
</div>
<div>
<label for="end">End</label>
<input type="number" name="end">
</div>
<div>
<label for="step">Step</label>
<input type="number" name="step">
</div>
<p id="myP"></p>
这是我的javaScript:
function myFunction() {
var start = document.getElementByName("start")[0].value;
var end = document.getElementByName("end")[0].value;
var step = document.getElementByName("step")[0].value;
for (var i = start; i < end; i += step) {
document.getElementById("myP").value = i;
}
}
如果start(4),end(20)和step(3)并在chrome devTool中进行console.log,则输出为4、10、16,因此我很确定该函数可以正常工作,但几天来我一直能够弄清楚得到我想要的结果到我的HTML。
最佳答案
该段落没有值属性。您需要设置其textContent。
function myFunction(){
var start = document.getElementByName("start")[0].value;
var end = document.getElementByName("end")[0].value;
var step = document.getElementByName("step")[0].value;
for(var i = start; i < end; i += step){
document.getElementById("myP").textContext= i;
}
}
关于javascript - 无法获取循环循环的计数以将其整个索引输出到html元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42743965/