+ 4

Js body background

I dont know what do in the js the body element background e.g. html * <body id=β€œbody”> … </body> Js * function time() { let body = document.getElementById(β€œbody”); body.style.background = β€œred”; } setTimeout(time, 2000)

1st Mar 2022, 6:19 AM
Fishy (◍‒ᴗ‒◍)
Fishy (◍‒ᴗ‒◍) - avatar
3 Answers
+ 2
Suspic* Solved it Your JS code is running fastly then loading of your html code so if your html did not loaded first. So there was no body element has created in your html. So document.getElementById() found nothing. Because of this your body variable has no id in it. It's Null. So it is throwing errors. See below code and read comments https://code.sololearn.com/Wn9GLrw2LzTV/?ref=app
1st Mar 2022, 6:49 AM
NonStop CODING
NonStop CODING - avatar
+ 5
const clr = ["red", "green", "blue"]; const b = document.getElementsByTagName("body"); let idx, rnd; function time() { idx = Math.floor((Math.random() * clr.length) + 0); rnd = clr[idx]; // console.log(clr[idx]); b[0].style.backgroundColor = rnd; } // 1 sec setInterval(time, 1000); https://code.sololearn.com/WgoG7k4Xo62v Good Luck
1st Mar 2022, 8:01 AM
SoloProg
SoloProg - avatar
+ 2
Not work the β€˜body.style.background = β€œred”’
1st Mar 2022, 6:21 AM
Fishy (◍‒ᴗ‒◍)
Fishy (◍‒ᴗ‒◍) - avatar