Генерация случайных чисел и отображение их в 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>