Can you fix this?

Question

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

Answer 1

let appear;
onload=()=>{

appear = document.querySelector('#empty');

}
function show() {
appear.innerHTML = Date();
}

Answer 2

Abhay can you explain why my code doesn't work?

Answer 3

EsaKurniawan sololearn keeps the javascript file in head ,therefore javascript is executed first and then the rest of html dom is loaded.

Javascript execution isn't much of a problem but when you make dom related queries like these "let appear = document.querySelector('#empty');
"

They fail since element with id empty doesn't exist yet .

Onload function handler delays the execution of javascript by checking if the html dom is loaded which solves that problem.

Answer 4

Abhay thanks

Answer 5

<button onclick="this.textContent=new Date()">Show Hidden Date</button>