JavaScript nie pobiera wartości z inputa do zmiennej

Question

Prubuję stworzyć minutnik w js, ale konsola zwraca mi błąd

Uncaught TypeError: Cannot read properties of null (reading 'value')
    at js.js:1:49

kod HTML

<input id="godziny" type="number"><span>:</span><input id="minuty" type="number"><span>:</span><input id="sekundy" type="number"><input onclick="wyswietl();" type="submit" value="licz">

ko JS

var godziny = document.getElementById("godziny").value;
var minuty = document.getElementById("minuty").value;
var sekundy = document.getElementById("sekundy").value;

function wyswietl()
{
 document.getElementById("minutnik").innerHTML = godziny+":"+minuty+":"+sekundy;
}

 

Answer 1

Szukasz elementów html przed załadowaniem strony. Poza tym wartości te raczej należałoby odczytywać po ich ustawieniu przez użytkownika, w funkcji wyswietl.

Answer 2

Prawdopodobnie, problemem jest to że skrypt wykonuję się przed załadowaniem DOM'u. Podłącz go pod koniec sekcji body lud dodaj atrybut defer do tagu script . (Przy okazji zamiast var dobrze by było użyć const lub let)