JavaScript හි ලූපයක් තුළ නිර්නාමික event handlers එකතු කිරීම

ලූපයක් තුළ අමුණන event handlers ලෙස නිර්නාමික ශ්‍රිතද භාවිතා කළ හැකිය. මෙය කේතය වඩාත් සංයුක්ත කරන අතර එක් ස්ථානයක පමණක් භාවිතා වන ශ්‍රිතයකට නමක් සිතාගැනීමෙන් අපව මුදාගනී.

අපි මූලද්‍රව්ය මත නිර්නාමික event handlers අමුණමු:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    console.log(this.textContent);
  });
}

html<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>

javascriptlet divs = document.querySelectorAll('div');

for (let div of divs) {
  div.addEventListener('click', func);
}

function func() {
  this.textContent++;
}