title: How can I add event listener to just button element
body: <p>Here is my code.</p>
  <pre><code>&lt;button id =&quot;id&quot;&gt;&lt;span&gt;fire!&lt;/span&gt;&lt;/button&gt;
  &lt;script&gt;
  document.getElementById('id').addEventListener('click',e=&gt;{
      console.log(e.target)
  }) 
  &lt;/script&gt;
  </code></pre>
  <p>then we can find simple button in DOM.
  Once I click button, script returns</p>
  <pre><code>&lt;span&gt;fire&lt;\span&gt; 
  </code></pre>
  <p>or</p>
  <pre><code>&lt;button id=&quot;id&quot;&gt; ...&lt;/button&gt;
  </code></pre>
  <p>.</p>
  <p>How can I add event listener to just button element?</p>