Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript Basics (Retired) Introducing JavaScript Where Does JavaScript Go?

Posted by Sahil Kapoor
Sahil Kapoor
8,932 Points

Why is it that all the alert statements runs first and than the document statement runs?

Why in the code below all two alert statement runs first and than the document statement when this script file is linked in the head of the html file......................

alert("Hi this is my first javascript program");

document.write("<h1>This is a heading</h1>")

alert("This is the alert two.")

console.log("Program is complete")

2 Answers

Evans Owino
Evans Owino
24,888 Points
Evans Owino
Evans Owino
24,888 Points

Hi, the following take a stab at explaining what's happening.

sources:

https://stackoverflow.com/questions/16082452/javascript-alert-box-shows-up-before-executing-previous-statement

https://teamtreehouse.com/community/javascript-prompt-executing-before-documentwrite-statements

Reza Zandi
seal-mask
.a{fill-rule:evenodd;}techdegree
Reza Zandi
Full Stack JavaScript Techdegree Student 1,599 Points
Reza Zandi
.a{fill-rule:evenodd;}techdegree
Reza Zandi
Full Stack JavaScript Techdegree Student 1,599 Points

Ok, so in another words, JS will run first, and then the html will load on current browsers? So what the video was talking about is a bit outdated now then?