Teoria INF.03: JavaScript

Jak pobrać element po identyfikatorze? #

document.getElementById("nazwa") albo document.querySelector("#nazwa")

Czym różni się innerHTML od textContent? #

innerHTML wstawia treść jako kod HTML. textContent wstawia czysty tekst — bezpieczniejsze, bo nie wykona wstrzykniętego kodu.

Jak podpiąć obsługę kliknięcia? #

element.addEventListener("click", function () { ... });

Czym różni się let od const? #

let pozwala zmienić wartość zmiennej, const nie. Oba działają w zasięgu bloku.

Jak odfiltrować z tablicy liczby większe od 10? #

tablica.filter(x => x > 10)

Do czego służy metoda map? #

Tworzy nową tablicę, przekształcając każdy element. filter wybiera elementy, map je zmienia.

Jak zapisać dane w pamięci przeglądarki? #

localStorage.setItem("klucz", wartosc), odczyt: localStorage.getItem("klucz"). Przechowuje wyłącznie tekst.

Jak zapisać w localStorage tablicę lub obiekt? #

Trzeba je zamienić na tekst: JSON.stringify(dane) przy zapisie i JSON.parse(...) przy odczycie.

Jak utworzyć i dodać nowy element do listy? #

const li = document.createElement("li"); li.textContent = "tekst"; lista.appendChild(li);

Jak zmienić styl elementu skryptem? #

element.style.backgroundColor = "red"; — nazwy właściwości pisane wielbłądzią notacją, bez myślników.

Czym różni się == od ===? #

== porównuje wartości po konwersji typów, === porównuje wartość i typ. Na egzaminie używaj ===.

Jak zatrzymać domyślne wysłanie formularza? #

W obsłudze zdarzenia: event.preventDefault();

Co zwraca document.querySelectorAll? #

Statyczną listę wszystkich elementów pasujących do selektora. Można przejść po niej metodą forEach.

Jak jednym poleceniem dodać albo usunąć klasę? #

element.classList.toggle("aktywna"). Zwraca też informację, czy po operacji klasa jest obecna.

Jak odczytać tekst wpisany w polu formularza? #

Przez właściwość value, np. const imie = pole.value;.

Jak sprawdzić, czy checkbox jest zaznaczony? #

Przez właściwość logiczną checkbox.checked, która ma wartość true albo false.

Dlaczego warto zamienić wartość pola na liczbę przed obliczeniem? #

Wartość pola jest tekstem. Number(pole.value) zapobiega sytuacji, w której "2" + "3" daje "23" zamiast 5.

Jak sprawdzić, czy konwersja dała niepoprawną liczbę? #

Użyj Number.isNaN(wartosc). Wynik true oznacza wartość NaN.

Do czego służy metoda tablicy forEach? #

Wykonuje funkcję dla każdego elementu tablicy. Nie tworzy nowej tablicy i nie służy do filtrowania wyniku.

Do czego służy metoda reduce? #

Łączy wszystkie elementy tablicy w jedną wartość, np. sumę: liczby.reduce((s, x) => s + x, 0).

Jak odczytać atrybut data-id="15" w JavaScripcie? #

Przez element.dataset.id. Otrzymana wartość jest tekstem.

Kiedy przydaje się zdarzenie DOMContentLoaded? #

Gdy skrypt może uruchomić się przed zbudowaniem drzewa HTML. Obsługa czeka, aż elementy dokumentu będą dostępne.

Czym różnią się zdarzenia input i change? #

input reaguje na każdą zmianę wartości podczas pisania. change zwykle uruchamia się po zatwierdzeniu zmiany lub opuszczeniu pola.

Jak pobrać dane JSON funkcją fetch? #

Np. fetch("dane.json").then(r => r.json()).then(dane => { ... });. Trzeba też obsłużyć błąd żądania.

Jak zadeklarować zmienną w nowoczesnym JavaScripcie? #

let dla wartości zmiennych, const dla stałych. Starego var się unika — ma inny zasięg.

Czym różni się let od var? #

let ma zasięg BLOKU (klamer), var zasięg całej funkcji. var wycieka poza pętlę i bywa źródłem trudnych błędów.

Czy const uniemożliwia zmianę tablicy? #

Nie. Blokuje tylko przypisanie NOWEJ wartości do nazwy. Zawartość tablicy albo obiektu można dalej zmieniać.

Jakie są typy proste w JavaScripcie? #

string, number, boolean, null, undefined, symbol, bigint.

Czym różni się null od undefined? #

undefined to „nie przypisano wartości”. null to świadomie ustawiony brak.

Co zwraca "5" === 5? #

false — różne typy. Przy == byłoby true.

var, let i const