#1 Jak zobrazit JavaScript?
JavaScript jakožto programovací jazyk nemá přímé zobrazení, ale lze jeho výsledky někam vypsat – nejčastěji do konzole nebo na webovou stránku.
JavaScript lze zobrazit následujícími způsoby:
- vypsáním do konzole pomocí console.log()
- vepsáním do HTML prvku s innerHTML
- zobrazením vyskakovacího okna window.alert()
- vepsáním přímo do HTML dokumentu s document.write()
#2 Jednotlivé způsoby
Vypsání do konzole
Jedna z nejčastěji používaných metod pro vypsání výsledků, debugging, kontrolu a podobně je vypsání do konzole. To se provádí pomocí klíčového slova console a funkce log() » tedy console.log(). Do závorek se pak následně přidávají argumenty, které chceme vypsat.
Například takto:
// Vypsání textu
console.log("Testujeme!");
// Vypsání proměnné
console.log(promenna);
// Přímé vypsání
console.log(1 + 3);
Vepsání do prvku
Výsledek funkce či příkladu, data z proměnné i normální texty lze vypisovat přímo do existujících HTML prvků pomocí innerHTML. Před vlastnost innerHTML se před tečku píše prvek – prvek do jakého chceme vložit daný text » prvek.innerHTML.
Vybrat prvek lze přímo…
document.getElementById('prvek').innerHTML = "Vkládání textu!";
…nebo jej lze uložit do proměnné a proměnnou poté zavolat…
const prvek = document.getElementById('prvek');
prvek.innerHTML = "Vkládání textu!";
Vyskakovací okno
Pomocí funkce alert() a prvku okna prohlížeče window – ve spojení window.alert() lze zobrazit vyskakovací (dialogové) okno.
Dialogové okno by však mělo být používáno pouze pro informační funkci, tj. nemělo by vyžadovat uživatelovu činnost. Hodí se zejména pro debugging nebo informaci o změně (například uložení údaje ve formuláři, přidání produktu do košíku…).
window.alert("Dialogové okno");
Vypsání do dokumentu
S funkcí write() zavolanou pro dokument » document.write(), lze vypsat obsah přímo do dokumentu.
document.write("Přepis dokumentu");