我只是想让我的循环计数器将其所有索引输出到我的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/

10-12 00:05
查看更多