What is wrong with this code?

Question

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

Answer 1

Денис Сусаров

Again posting:

Try this:

window.onload = function () {
var elem = document.getElementById("demo");
elem.innerHTML = "Hello World!";
}

Answer 2

SoloProg

elem is null so that will not work.

Денис Сусаров

Try this:

window.onload = function () {
var elem = document.getElementById("demo");
elem.innerHTML = "Hello World!";
}

Answer 3

Thank you)

Answer 4

Денис Сусаров

The reason behind this is that Sololearn loads JS code first then html contents so you cannot get element in JS so you need to load JS code after html contents using window.onload function.

Answer 5

SoloProg

By this solution:

// Or

let elem = document.getElementById("demo");

window.onload = () => {
elem.innerHTML = "Hello World!";
}

elem is still null

Answer 6

Денис Сусаров

Check my previous answer.

You should write js code inside window.onload function

Answer 7

I get an error "Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') line 2"

Answer 8

I get an error "Uncaught TypeError: Cannot set properties of null (setting 'textContent') line 2"

Answer 9

// Or

let elem = document.getElementById("demo");

window.onload = () => {
elem.innerHTML = "Hello World!";
}

Answer 10

try this:
window.onload = function(){
var elem = document.querySelector("#demo");
elem.innerText = "Hello World!";
}

try innerText not innerHTML because when you want to load another html code that is when innerHTML should be use but if you want to load text i advice you to use innerText.

Answer 11

// Try it

elem.textContent = "Hello World!";

Answer 12

I get an error "Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') line 6"

Answer 13

maybe you must place script tag before </body>