Błąd javascript Uncaught TypeError

pytanie zadane 22 września 2021 w JavaScript przez JACOBSSSPRO Początkujący (410 p.)

dostaje błąd w przeglądarce "Uncaught TypeError: Cannot read property 'style' of null at zadanie1.html:10"

wie ktoś o co chodzi?

<html>
<head>
<link rel="stylesheet" href="zadanie1.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
var rand = parseInt(Math.random()*3+1);
if(rand==1){
document.getElementById("kw1").style.background = "red";
document.write("<br>");
}
if(rand==2){
document.getElementById("kw1").style.background = "green";
document.write("<br>");
}
if(rand==3){
document.getElementById("kw1").style.background = "blue";
document.write("<br>");
}

function sprawdz(){
 if(document.getElementById('kw2').style.backgroundColor==document.getElementById('kw1').style.backgroundColor){
 	document.write("dobrze")
 }
  if(document.getElementById('kw3').style.backgroundColor==document.getElementById('kw1').style.backgroundColor){
 	document.write("dobrze")
 }
  if(document.getElementById('kw4').style.backgroundColor==document.getElementById('kw1').style.backgroundColor){
 	document.write("dobrze")
 }
}
</script>
</head>
<body>
<center>
<div id="kw1"></div><br>
<div id="bl1">
<div id="kw3" onClick="sprawdz()"></div>
<div id="kw4" onClick="sprawdz()"></div>
<div id="kw2" onClick="sprawdz()"></div>
</center>
</body>
</html>

1 odpowiedź

odpowiedź 22 września 2021 przez Wiciorny Ekspert (269,710 p.)
wybrane 22 września 2021 przez JACOBSSSPRO

Najlepsza

</div> // zgubiles diva tutaj 
</center>
</body>
</html>

Wydaje mi się na razie, że i tak jeden div jest zgubiony, co ciekawe po za tym faktem nie doszukałem się błędu

W twoim kodzie element musi zwracać, nulla [ kw2, kw3, kw4] któryś z tych także próbujesz ustawić display właściwość na nieprawidłową wartość. Istnieje kilka możliwych powodów, dla których ta pierwsza część jest null.

Uruchamiasz skrypt zbyt wcześnie przed załadowaniem dokumentu i dlatego nie ma jeszcze tego elementu a ty wywołujesz skrypt przez co nie można znaleźć elementu.
Nie ma takiego elementu w Twoim kodzie HTML.

U ciebie prawdopodnie to wina - ładowania skryptu zanim zostaną załadowane elementy.
Tu masz taki przykład z informacjami
http://net-informations.com/js/iq/error.htm