code 001 Unable to fix the error

Question

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

Answer 1

Uncaught TypeError: Cannot set properties of null (setting 'textContent') Line: 10

Error means : you can't set any property (textContent) of null data type.

The value of variable element is null because javascript code is executing first, followed by html part get executed.

Solution:
Place javascript code along html using script tags.

Correct code:

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

Answer 2

.A.D. Is it possible to keep this js code outside the html file ?

Answer 3

I want to keep js file seperately then how can we do in this example ?

Answer 4

Yes,

This can be done by wrapping the js code in a function.
And call that function from html part (using script tags).

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