Question

我试图生成随机数，并在每次加载页面时将其显示在div中。问题是它不起作用，最重要的是，浏览器中的js控制台的某些令牌有问题。我认为它们是正确的（下面的代码），但是即使我尝试更改它们，它仍然会说同样的话。您知道问题出在哪里吗？谢谢！

window.addEventListener('load', function() {
  function generateRandomNumber();
  document.querySelector("#text").textContent = "The number is " + rnum + ".";
})

function generateRandomNumber() {
  var rnum = (Math.floor(Math.random() * 20) + 1);
  return rnum;
}

<div id="count">
  <div id="text">
  </div>
</div>

Answer 1

调用函数generateRandomNumber()的方式存在问题，在调用JavaScript函数之前不需要使用function关键字。另外，变量rnum在使用前未声明。

<div id="count">
        <div id="text">
        </div>
 </div>

<script>

 window.addEventListener('load', function() {
       var rnum = generateRandomNumber (); //rnum was not defined here
       document.querySelector("#text").textContent = "The number is "+ rnum + "."; 
 })
 function generateRandomNumber () {
       var rnum = (Math.floor(Math.random() * 20) + 1);
       return rnum;
 }

</script>

页面加载后生成随机数并在div中显示它们（DOM js）

1 个答案: