Greetings, Coders please let me know that what the error here in JS

Question

Greetings, I want to know the problem and solution of this code why I can't access the HTML elements with JS. I'm trying to do this but everytime I get null value.

Thank you in advance.

https://code.sololearn.com/W3CP5rKdqegz/?ref=app

Thank you

Answer 1

In sololearn, Put js code in
window.onload = () => {
// js code here...
}

Answer 2

Use onload function

Try this:
onload = () => {
console.log(demo)
console.log(demo.innerHTML)
}

Answer 3

onload = function() {
var demo = document.getElementById("demo").innerText;
let demo2 = document.querySelector("#demo").innerText;
console.log(demo2)
console.log(demo)
}

Answer 4

Thank you everyone 🥺

Answer 5

document.querySelector("#demo").style.color = "pink";

Answer 6

Thank you but it's getting error please check

Answer 7

Use this
document.querySelector("#demo").style.color = "pink";

Answer 8

Thank you it worked 😋

Answer 9

Kindly let me know how can I add style in html via js code.