Przejdź do głównej zawartości

JavaScript w HTML

Wprowadzenie

JavaScript pozwala dodawać interakcje do strony HTML, np. reagować na kliknięcia.

Teoria / Wyjaśnienia

Skrypt można umieścić:
- w znaczniku <script> wewnątrz <head> lub <body>,
- w osobnym pliku .js dołączonym przez src.

Praktyczne przykłady

Przykład

<button id="hello-btn">Kliknij mnie</button>

<script>
  const button = document.getElementById('hello-btn');
  button.addEventListener('click', () => {
    alert('Witaj na stronie!');
  });
</script>

Ćwiczenie

Dodaj na stronie przycisk, który po kliknięciu pokazuje alert.
Spróbuj zmienić tekst na stronie po kliknięciu przycisku (np. zawartość paragrafu).
Dla chętnych: wydziel skrypt do osobnego pliku .js i dołącz go przez src.