Both alerts are appearing before the h1 text is shown

Question

So this is my code:

alert("Hello from Treehouse");
document.write("<h1>Welcome to Javascript Basics!<h1>");
alert("Thanks for visiting!");

However, once the webpage loads the order of events is as follows:

However, the teacher says that the program executes in order after each action is completed. So shouldn't it appear in this order:

Answer 1 · 2016-06-02T19:01:27Z

June 2, 2016 7:01pm

Nothing written to the document will appear until the JavaScript finishes.

So while the document.write is performed between the alerts, it will not be seen until after the last alert is closed.

Here's a trick you can use to cause the page to appear at the same time as the last alert (and not wait on it closing):

alert("Hello from Treehouse");
document.write("<h1>Welcome to Javascript Basics!<h1>");
setTimeout(function() { alert("Thanks for visiting!"); }, 0);