Problem z losowaniem liczby za pomocą funkcji javascript

Question

Witam, jestem początkujący i mam kod, który powinien polegać na tym, że wyświetla się liczba od 0 do 1, po czym trzeba tą liczbę wpisać w pole poniżej, po czym się losuje kolejna liczba. Problem w tym, że gdy się przepisze tą samą liczbę, to się nie chce wylosować kolejna. Czy to ma jakiś związek z window.onload? codepen

window.onload = randWord;

var num = Math.floor(Math.random() * 2);

function randWord(){
  document.getElementById("word").innerHTML = num;
}

function ver(){
var i = document.getElementById("i").value;  
  
  if (i==num){
    randWord();
  } 
  else{
    document.getElementById("test").innerHTML="1";
  }
}

 

Answer 1

Tak ma to związek z window.onload. Po pierwsze każdą funkcję aby zadziałała trzeba wywołać czyli gdzieś w kodzie musisz mieć np. 

ver();

wtedy wykonają się wszystkie instrukcje wewnątrz funkcji ver. Funkcja randWord() wywoływana jest w momencie załadowania okna a więc tylko raz. Musisz dodać jakiś przycisk lub znaleźć inny sposób uruchomienia funkcji. 

Raczej staraj się unikać window.onload lub .onClick i zainteresuj się AddEventListener:

https://developer.mozilla.org/pl/docs/Web/API/Element/addEventListener

http://kursjs.pl/kurs/events/events.php -> z tej strony warto przerobić cały kurs.