JavaScript Loading Order
The HTML paragraph element is written on the web page before the dynamic content from the script.
That is because the script tag is after the paragraph tag. If you move the HTML script element to the "head" tag you will see the dynamic text is written first!