Mi a különbség ha a Javascriptet kódot a head-be, a body-ba vagy külön fájlban írom? Van lényegi különbség? Pl, hogy mikor futnak le

head - A DOM betöltése előtt fut le > nem érhetők el a DOM elemek

body - A DOM elemek elérhetők

Ha JQUERY-ben (document).ready(function() {

// a scripted

})-be vagy sima JS-ben

document.addEventListener("DOMContentLoaded", function() {

// a scripted

});

be írod, akkor csak a HTML+CSS betöltése után fut le, ha a kikommentezed helyre írod (a példámban), amúgy meg a HTML fájl szerinti sorrendben töltődik be.