Animal Trading cards


-Dars. Brauzer hodisalari bilan ishlash


Download 5.19 Mb.
bet41/44
Sana12.11.2023
Hajmi5.19 Mb.
#1768393
1   ...   36   37   38   39   40   41   42   43   44
Bog'liq
FrontEnd uz Final

10-Dars. Brauzer hodisalari bilan ishlash

2. Hodisalarga javob berish


1-savol
Quyidagi kodda hodisaning turi qanday?
const lotsOfElements = document.querySelectorAll('.quizzing-quizzby');

const element = lotsOfElements[2];


element.addEventListener('animationend', function () {
const mainHeading = document.querySelector('h1');


mainHeading.style.backgroundColor = 'purple';
});

Izoh:
Ushbu animationend satri hodisa tinglovchisining turi hisoblanadi.
2-savol
Ushbu kod berilgan:
document.addEventListener('keypress', function () {
document.body.remove();
});
Sichqoncha sahifaga bosilganda nima sodir bo‘ladi?



Izoh:
Ushbu kod tinglovchini faqat klavish tugmachasi bosilgandagina o‘rnatadi. Garchi hujjat bosilsa ham hech qanday tinglovchi o‘rnatilmaganligi sababli bosish e’tiborga olinmaydi.
2-savol
Quyidagi interfeyslar haqida o‘ylab ko‘ring:

  • EventTarget

  • Node

  • Element

Bu ikkalasi o‘rtasida farq bormi:

  • document.addEventListener()

  • myHeading.addEventListener() (o‘ylang myHeading variantli elementdir)

Javob:
Albatta farq bor, document.addEventListener() hodisa tinglovchisini butun hujjat uchun tayinlaydi, ya’ni foydalanuvchi veb sahifaning ixtiyoriy joyida sichqoncha bilan chertsa, hodisa tinglovchisi ishlaydi, myHeading.addEventListener() esa faqat shu elementni o’ziga.

3. Hodisa tinglovchisini olib tashlash


1-savol
Quyidagi tenglik sinovi qanday natija ko‘rsatadi, true yoki false?
{ name: 'Richard' } === { name: 'Richard' }

https://www.youtube.com/watch?v=A1hfTM8pagg&feature=emb_logo

Download 5.19 Mb.

Do'stlaringiz bilan baham:
1   ...   36   37   38   39   40   41   42   43   44




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling