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

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(),你不需要使用function调用JavaScript函数之前的关键字.此变量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>