##### ###### ##### ### # # ### # # ###### ## ## ## ## ## ## ## # # # # # ## ##### #### ##### # # # # # # # #### ## # ## ## ## ## # # # # # ## ## # ###### ## ### # ### # ######
##### ###### ##### ### # # ### # # ###### ## ## ## ## ## ## ## # # # # # ## ##### #### ##### # # # # # # # #### ## # ## ## ## ## # # # # # ## ## # ###### ## ### # ### # ######
Know what was interacted with
The event.target property tells you which element triggered the event.
list.addEventListener("click", function(event) {
console.log(event.target); // Element clicked
console.log(event.currentTarget); // Element with handler
});
target is the actual element clicked. currentTarget is where the handler is attached.