JavaScript-də Dövrədə Hadise Emalçılarının Əlavə Edilməsi
Əvvəlki dərsdə biz dövrədə yeni elementlər yaratmağı öyrəndik. Gəlin indi yeni elementlər yaradarkən hadise emalçılarını əlavə edək.
Tutaq ki, bizim yenə belə bir ana div-imiz var:
<div id="parent"></div>
Gəlin div-imizin sonuna 9 yeni abzas
əlavə edən və onlara klik hadisesi emalçısı
əlavə edən bir dövrə işlədək:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
// Klik hadise emalçısını əlavə edirik:
p.addEventListener('click', function() {
console.log(this.textContent);
});
parent.appendChild(p);
}
Bir div verilib. Div-imizə 5 input
əlavə edən bir dövrə işlədin. Həmçinin bir abzas
da verilib. Elə edin ki, hər yeni input
fokusu itirdikdə öz mətnini abzasa yazsın.
