How can I make a JavaScript 'if' statement that connects to HTML?

Question

I am trying to make an HTML and a JavaScript code so that after the alert(); function, then the HTML code will run.

Here is my JavaScript code:

alert("Website showing in 3, 2, 1");

And after the person clicks okay from the alert box, then my HTML code will run. How do I make the HTML code run after the JavaScript code?

Answer 1

1. Put your html content inside a div with class='mydiv' id='div1'
2. Add some css to hide your div, eg .mydiv { display:none; } .mydiv { display:none; }

3. After alert() , remove mydiv class from your div:

   document.getElementById('div1').classList.remove('mydiv');