Elementlarni qo'shishda hodisalarni bog'lash
Keling, endi elementlarni qo'shishda ularga hodisa qayta ishlovchilarini bog'laymiz.
Masalan, bizda quyidagi ota-ona elementi bor:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Keling, ushbu ota-onaning oxiriga yana bir abzats qo'shamiz va unga klik hodisasi qayta ishlovchisini o'rnatamiz:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // klik orqali abzats matnini chiqaramiz
});
parent.appendChild(p);
ol va tugma berilgan. Tugma bosilganda
ol oxiriga li tegi qo'shiladigan qiling.
Qo'shilgan li lardan har qandayiga bosilganda
uning matni oxiriga undov belgisi qo'yiladigan qiling.
