title: How to add one event listener for all buttons
body: <p>How do I add an event listener to multiple buttons and get the value of each one depending on the one clicked. Eg: </p>
  
  <pre><code>&lt;button id='but1'&gt;
  Button1
  &lt;/button&gt;
  &lt;button id='but2'&gt;
  Button2
  &lt;/button&gt;
  &lt;button id='but3'&gt;
  Button3
  &lt;/button&gt;
  &lt;button id='but4'&gt;
  Button4
  &lt;/button&gt;
  </code></pre>
  
  <p>So that on javascript, I wouldn't have to reference each button like:</p>
  
  <pre><code>Const but1 = document.getElementById('but1'); 
  but1.addEventListener('click');
  </code></pre>