Az HTML script elem segítségével beágyazhatunk JavaScript kódot az HTML dokumentumba. A script elem a következő módon használható:
<script>
console.log("Hello, world!");
</script>
Az script elem belsejében írhatjuk a JavaScript kódot. A fenti példa egy üdvözlő üzenetet ír ki a böngésző konzoljába.
Az script elemeket általában az HTML dokumentum végén helyezzük el, hogy a dokumentum betöltődése után azonnal futtathatóak legyenek.
Az script elemeket a src attribútum segítségével is hivatkozhatjuk, ha a JavaScript kód egy külső fájlban található:
<script src="/path/to/script.js"></script>
Ebben az esetben a script elem belsejében nem írunk kódot, hanem a src attribútummal hivatkozunk a külső fájlra.
Az script elemek használatával dinamikus működést adhatunk az HTML dokumentumunknak, és olyan interakciókat hozhatunk létre, amelyek nem lehetnek elérhetőek statikus HTML dokumentumokkal.
Itt van néhány egyszerű példa JavaScript kódra:
Üdvözlő üzenet
console.log("Hello, world!");
Ez a kód kiírja az üdvözlő üzenetet a böngésző konzoljába.
Gomb eseménykezelő
<button id="myButton">Kattints ide</button>
<script>
const button = document.getElementById("myButton");
button.addEventListener("click", () => {
console.log("A gombra kattintottál!");
});
</script>
Ez a kód egy eseménykezelőt ad a „Kattints ide” gombhoz, amely kiírja az üzenetet a konzolra, ha a gombra kattintunk.
Dinamikus szöveg
<p id="myText">Ez egy szöveg.</p>
<script>
const text = document.getElementById("myText");
text.textContent = "Ez a szöveg módosítva lett.";
</script>
Ez a kód módosítja a „Ez egy szöveg.” szöveget „Ez a szöveg módosítva lett.”-re.
Ezek csak néhány egyszerű példa a JavaScript kód használatára. A JavaScript nagyon sokoldalú nyelv, amelyet szinte bármilyen interaktivitáshoz használhatunk az HTML dokumentumainkban.