Single addEventListener, mulitple elements

by Julien Etienne

HTML

Check the console log...
<div class="one">One</div>
<div class="two">Two</div>
<div class="three">Three</div>

CSS

div{
  padding: 1rem;
  text-align: center;
  border: 1px solid red;
  margin: 0.2rem;
}

JavaScript

document.body.addEventListener('click',(e)=>{
   let target = e.target;
      switch(target.className){
       case 'one':
       console.log('You clicked element One');
       break;
       case 'two':
       console.log('You clicked element two');
       break;
       case 'three':
       console.log('You clicked element Three');
       break;
      }
},false);