Animal Trading cards

Izoh:

teg va demak .getElementsByTagName('article') metodidan foydalanamiz.
3-savol
Barcha elementlarni sinf bilan tanlash uchun DOM kodini yozing
Javob:
document.getElementsByClassName('fancy-footer');

6. Tugunlar, elementlar va interfeyslar ….

Izoh: Ushbu va keyingi sahifaning o’zbek tilidagi kontenti ayrim texnik sabablarga ko’ra tizimga yuklanmagan! Noqulaylik uchun uzr so’raymiz.
1-savol
Bularni to'g'ri tartibda joylashtiring.

2-savol
.outerHTML xususiyat Node interfeysi yoki Element interfeysiga tegishlimi? Barchasini tekshiring.

Izoh: .outerHTML Element Interfeysiga tegishli.
3-savol
.id xususiyat qaysi interfeysdan keladi?

4-savol
.textContent xususiyat qaysi interfeysdan keladi?

7. (More Ways To Access Elements) Elementlarni tanlash uchun bashqa usullar

1-savol

2-savol
Write the .querySelector() code to find the first paragraph element that also has a class of: callout
Javob:
document.querySelector('.callout');
Ogohlantitish! Ushbu misolda dasturda xato ketib to’g’ri javob qabul qilinmaydi, lekin shu javob to’g’ri va uchunchi urinishda shunday yechim beriladi!
3-savol

9-Dars. JavaScript bilan content yaratish

2. Mavjud sahifa kontentini yangilash

1-savol
Ushbu card sinfining birinchi elementini tanlash uchun kerakli bo‘lgan DOM kodini yozing
Javob:
document.querySelector('.card');
Keling, osonroq murojaat qilish uchun birinchi .card elementini o‘zgaruvchiga saqlaymiz:
const nanodegreeCard = document.querySelector('.card');
Endi bizda karta elementining nanodegreeCard nomli o‘zgaruvchisi bor, biz nanodegreeCard ni har gal document.querySelector('.card') deb murojaat qilish o‘rniga ishlatishimiz mumkin.