Úloha

Zadání (kontext úlohy)

Vlož JavaScriptový kód přímo do HTML dokumentu, ale tentokrát umísti značku <script> na konec <body>. Kód by měl po načtení stránky zobrazit dialogové okno s textem „Stránka je načtena“.

Cíl úlohy

Porovnáš rozdíl mezi vložením kódu do <head> a do <body> a zjistíš, jak umístění skriptu ovlivňuje načítání a vykreslení stránky.

Vstupní podmínky

  • Vycházíš ze stejného základního HTML dokumentu, který sis vytvořil v předchozí úloze.

  • Dokument obsahuje pouze kostru stránky (<!DOCTYPE html>, <html>, <head>, <body>), ale zatím neobsahuje žádný JavaScriptový kód.

Požadovaný výstup

  • Po otevření stránky v prohlížeči se zobrazí dialogové okno s textem: Stránka je načtena

Doplňující pokyny

  • Vysvětli, proč se tento přístup používá častěji než umístění skriptu do hlavičky (např. rychlejší načítání obsahu stránky, protože HTML se vykreslí dříve, než se začne spouštět JavaScript).

  • Ověř funkčnost tak, že stránku otevřeš v prohlížeči.