Font size
WorksheetsSprawdzian
Total questions: 20
Worksheet time: 15mins
Jakie zdarzenie jest wywoływane po kliknięciu myszką?
keydown
click
load
change
Która metoda jest najczęściej używana do przypisywania zdarzeń?
addEventListener()
onclick()
setEvent()
attachEvent()
Jakie zdarzenie jest wywoływane po najechaniu kursorem na element?
click
mouseover
dblclick
mouseout
Jakie zdarzenie jest wywoływane po wysłaniu formularza?
submit
change
keydown
load
Jak można usunąć nasłuch zdarzenia?
clearEvent()
stopListening()
deleteEvent()
removeEventListener()
Jakie zdarzenie jest wywoływane po podwójnym kliknięciu?
keydown
mouseover
click
dblclick
Jakie zdarzenie jest wywoływane po przewijaniu strony?
click
change
load
scroll
Jakie zdarzenie jest wywoływane po zmianie wartości w formularzu?
submit
change
mouseover
keydown
Jakie zdarzenie jest wywoływane po załadowaniu strony?
change
scroll
click
load
Jakie zdarzenie jest wywoływane po puszczeniu klawisza?
keyup
click
keydown
dblclick
Co to jest obiekt w JavaScript?
Zbiór zmiennych i funkcji
Typ danych
Funkcja anonimowa
Zamknięte pudełko dla metod i właściwości
Jak wywołać metodę miaucz obiektu kot?
kot.miaucz[]
kot['miaucz']
kot.miaucz()
kot.miaucz
Jak dodać nową właściwość do obiektu kot?
kot.nowaWlasciwosc = 5;
Nie można dodać nowej właściwości
kot['nowaWlasciwosc'] = 5;
Obie powyższe
Jak usunąć właściwość imie z obiektu kot?
delete kot.imie;
kot.remove('imie');
kot.imie = undefined;
kot.imie.delete;
Jakie słowo kluczowe można użyć do odwołania się do właściwości obiektu wewnątrz jego metody?
that
self
this
obj
Co zwróci kot.nazwisko przed usunięciem imienia?
Error
undefined
null
Błąd
Jakie wartości można przypisać do właściwości obiektu?
Tylko tekst
Tylko liczby
Tylko funkcje
Liczby i tekst
Jakie jest znaczenie klamr w definicji obiektu?
Nie mają znaczenia
Określają typ obiektu
Służą do definiowania metod
Zamykają ciało obiektu
Napisz prostą aplikację listy zadań:
Użytkownik wpisuje tekst w pole <input>,
Kliknięcie w przycisk „Dodaj” powoduje dodanie nowego elementu <li> do listy,
Każdy nowy element listy powinien mieć przycisk „Usuń”, który po kliknięciu usuwa dany element.
Użyj addEventListener() do obsługi zdarzeń.
💡 Szablon HTML do uzupełnienia:
<!DOCTYPE html> <html lang="pl">
<head>
<meta charset="UTF-8">
<title>Lista zadań</title>
</head>
<body>
<h1>Moja lista zadań</h1>
<input type="text" id="tekst" placeholder="Wpisz zadanie">
<button id="addBtn">Dodaj</button>
<ul id="element_listy">
</ul>
<script>
// Tutaj wpisz kod JavaScript
</script>
</body>
</html>
Stwórz kod na prosty quiz z jednym pytaniem:
Wyświetl pytanie i 3 przyciski z odpowiedziami.
Po kliknięciu jednej z odpowiedzi, pod spodem powinien pojawić się komunikat: „Dobrze!” lub „Źle!”.
Każdy przycisk powinien mieć swój addEventListener.
Nie używaj onclick w HTML.
Oto przykładowy kod w HTML, w którym trzeba uzupełnić blok <script>...</script>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Quiz</title>
</head>
<body>
<h2>Jakie jest stolica Polski?</h2>
<button id="a">Kraków</button>
<button id="b">Warszawa</button>
<button id="c">Gdańsk</button>
<p id="wynik"></p>
<script>
// Tutaj wpisz kod JavaScript
</script>
</body>
</html>
