Úloha 4 – Chyba při načítání externího skriptu

Úvod k úloze

Velmi častou chybou začátečníků je nesprávné připojení externího souboru JavaScriptu. Stačí malá chyba v cestě k souboru nebo špatné umístění tagu <script> a kód se vůbec nenačte. Prohlížeč přitom obvykle neukáže viditelnou chybu na stránce – jen skript prostě „nefunguje“. Proto je důležité se naučit tyto chyby rozpoznat a opravit.

Teorie a principy

Atribut src musí přesně odpovídat umístění souboru na disku/serveru.
- Pokud je soubor ve stejné složce jako HTML, stačí src="script.js".
- Pokud je ve složce js, je potřeba psát src="js/script.js".
Tag <script> nesmí současně obsahovat atribut src a vnitřní kód – musí být buď externí, nebo interní.
Pořadí načítání hraje roli – externí soubor musí být načtený až tehdy, když jsou k dispozici prvky, se kterými pracuje.

Praktické příklady kódu

Chybná verze (soubor je uložen ve složce `js/`)

Soubor je ale uložený jako js/script.js, takže cesta src="script.js" nefunguje.

Správná verze

Ukázka obsahu `js/script.js`

Typické chyby / záludnosti

Špatná cesta – nejčastější příčina (např. chybějící složka v src).
Zapomenutá přípona .js – prohlížeč soubor nenajde.
Použití zpětných lomítek \ místo / – správně se píše js/script.js, nikoliv js\script.js.
Kombinace src a vnitřního kódu – není povoleno:

Shrnutí

Pokud skript „nefunguje“, první krok je zkontrolovat cestu k souboru.
Atribut src musí přesně odpovídat struktuře složek.
Tag <script> může být buď s src, nebo s vnitřním kódem – nikdy obojí.
Správné umístění (nejlépe konec <body> nebo v <head> s defer) je důležité pro funkčnost.