21_currentTarget_target.js

// currentTarget - always refers to the element
// - to which the event handler has been attached to
// target - identifies the element on which the
// - event occured

const btns = document.querySelectorAll('.btn');

// forEach()
btns.forEach(function (btn) {
 btn.addEventListener('click', function (e) {
 // if click button will add color black for
 // all button element include h1 and strong element be black color
 e.currentTarget.style.color = 'black';
 console.log(e.currentTarget);
 // but if target, will effect on element yg di click
 // and not effect all element just element click will change
 // but if main click all element will change
 e.target.style.textTransform = 'lowercase';
 console.log(e.target);
 });
});