Ćwiczenia JavaScript - Grupy

1. Dołączenie skryptu JS do dokumentu HTML

Ćwiczenie 1: Dołączenie zewnętrznego pliku JS

Dołącz plik JavaScript do dokumentu HTML w taki sposób, aby funkcje w JS mogły być wywoływane z HTML.

<script src="script.js"></script>

Ćwiczenie 2: Dołączenie wewnętrznego skryptu JS

Dodaj skrypt JS bezpośrednio w dokumencie HTML w tagu <script> na końcu dokumentu.

<script>
    console.log("Skrypt działa!");
</script>

Ćwiczenie 3: Ładowanie skryptu w sekcji <head>

Dodaj skrypt JS w sekcji <head> i upewnij się, że działa on przed zawartością strony.

<head>
    <script src="headScript.js"></script>
</head>

Ćwiczenie 4: Asynchroniczne ładowanie skryptu

Wstaw skrypt JS z atrybutem async i wyjaśnij, dlaczego jest używany (pozwala na asynchroniczne ładowanie, nie blokuje renderowania).

<script src="script.js" async></script>

Ćwiczenie 5: Ładowanie skryptu po załadowaniu strony

Dodaj skrypt, który będzie ładowany po załadowaniu całej strony, używając atrybutu defer (skrypt zostanie wykonany dopiero po sparsowaniu całego HTML).

<script src="script.js" defer></script>

2. Zmienne. Deklarowanie zmiennych. Stałe

Ćwiczenie 1: Deklarowanie zmiennych z let

Zadeklaruj zmienną za pomocą let i przypisz jej wartość, a następnie wyświetl ją w konsoli.

let a = 5;
console.log(a);

Ćwiczenie 2: Deklarowanie zmiennej z const

Zadeklaruj stałą PI o wartości 3.14 i wyświetl ją w konsoli.

const PI = 3.14;
console.log(PI);

Ćwiczenie 3: Przypisywanie nowych wartości do zmiennych

Użyj zmiennej zadeklarowanej za pomocą let, aby przypisać nową wartość, a następnie wyświetl ją w konsoli.

let a = 10;
a = 20;
console.log(a); // Wynik: 20

Ćwiczenie 4: Błąd przy próbie zmiany stałej

Spróbuj zmienić wartość stałej zadeklarowanej za pomocą const i zanotuj błąd w konsoli.

const PI = 3.14;
PI = 3.14159;  // Błąd: TypeError: Assignment to constant variable.

Ćwiczenie 5: Tworzenie zmiennych w różnych blokach

Użyj zmiennej zadeklarowanej za pomocą let w bloku kodu (np. w instrukcji if) i sprawdź jej zakres, próbując wyświetlić ją poza blokiem.

if (true) {
    let a = 10;
    console.log(a); // Wynik: 10
}
// Poniższa linia spowoduje błąd, ponieważ 'a' jest zdefiniowana tylko w bloku 'if' (block scope)
// console.log(a);  // Błąd: ReferenceError: a is not defined

Test wiedzy - 20 pytań

Test wiedzy zawierający 20 pytań, obejmujący wszystkie omawiane tematy. Kliknij, aby pobrać.

Pełna obudowa dydaktyczna