Question

如果我输入一个值，然后单击按钮，则所有偶数都将显示，这是我的输入。我的问题是它可以在console.log（）中工作，但是我无法使用div id显示div中的数字。

<input id="number" type="text" name="number">
<button onClick="checkeven()" id="chkeven">check even</button>
<div id="shownumber"></div>

<script>
function checkeven(){               
  var inputnumber = document.getElementById("number").value; 
  for(x=0; x<=inputnumber; x= x+2)
  {             
    document.getElementById("shownumber").innerHTML= x; 
    console.log(x);
  }
}
</script>

Answer 1

您每次迭代都会覆盖div shownumber的内容。您可以在变量中构建输出，然后使用它来设置html内容

function checkeven(){

var inputnumber = document.getElementById("number").value; 
var finalHTML = '';

inputnumber = parseInt(inputnumber, 10) || 0;
for(x=0; x< inputnumber; x= x+2){
  finalHTML += `${x}<br/>`; 
 }
 
 document.getElementById("shownumber").innerHTML = finalHTML;
}

<input id="number" type="text" name="number">
<button onClick="checkeven()" id="chkeven">check even</button>
<div id="shownumber"></div>

javascript for循环在控制台中工作，但不能使用其ID在div中工作

1 个答案: