JavaScript

Wprowadzenie do JavaScript

Podstawy języka JavaScript

Zmienne i typy danych

Pętle i instrukcje warunkowe

Podstawy funkcji

Obiekty i tablice

Obsługa formularzy i edycja elementów

Cookies

Jak dodać skrypt do HTML?

Aby skrypt JavaScript mógł być wykonany przez przeglądarkę, musi zostać dołączony do strony HTML. W zależności od potrzeb i struktury projektu, można to zrobić na kilka sposobów – każdy z nich ma swoje zalety i wady.

Metody wstawiania JavaScript do HTML

Inline (wewnątrz tagu HTML)
- Kod JavaScript umieszczamy bezpośrednio w atrybucie (np. onclick).
- Zalety: Szybkie prototypowanie, łatwe w prostych zadaniach.
- Wady: Mało skalowalne, trudne w utrzymaniu w większych projektach.
Embedded (osadzony w sekcji <script> w pliku HTML)
- Umieszczasz blok <script> ... </script> wewnątrz kodu HTML (najczęściej w <head> lub przed zamknięciem znacznika </body>).
- Zalety: Łatwiejsze odseparowanie logiki od atrybutów HTML, można szybko testować kod.
- Wady: Jeśli plik HTML staje się rozbudowany, skrypt wewnętrzny może utrudniać czytelność i utrzymanie.
External (zewnętrzny plik .js)
- Najpopularniejsza i polecana metoda – dołączasz skrypt z osobnego pliku .js przy pomocy <script src="nazwa-pliku.js"></script>.
- Zalety: Rozdzielenie kodu HTML od logiki JS, łatwe wersjonowanie i zarządzanie wieloma plikami, proste włączanie/wyłączanie skryptów.
- Wady: Należy pamiętać o poprawnej ścieżce do pliku .js i kolejności ładowania.

Przykład

  <h1>Przykład dołączania skryptu JavaScript</h1>
  <button id="myButton">Kliknij mnie</button>

  <!-- Skrypt umieszczony przed zamknięciem body -->
  <script src="script.js"></script>

Praktyczne użycie


  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

Przełącz motyw