Event Delegation Example

by _sir

HTML

<div id="handleHere">
 <button id="no1">One</button>
 <br>
 <button id="no2">Two</button>
 <br>
 <button id="no3">Three</button>
 <br>
 <button id="no4">Four</button>
 <br>
 <button id="no5">Five</button>
 <br>
 <input type="checkbox" id="notMe"/> Check
</div>

JavaScript

document.getElementById('handleHere')
  .addEventListener('click', (e) => {
    if (e.target.tagName !== 'BUTTON') return;
    console.log(e.target.id)
  });