title: JS click event and 'this' item
body: <p>I'm really newbie in vanilla JS, so I'm a bit confused.</p>
  
  <p>Let's say I have this html structure:</p>
  
  <pre><code>&lt;div class="play-animation"&gt;&lt;/div&gt;
  &lt;div class="play-animation"&gt;&lt;/div&gt;
  &lt;div class="play-animation"&gt;&lt;/div&gt;
  &lt;div class="play-animation"&gt;&lt;/div&gt;
  &lt;div class="play-animation"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have this code to check if I click on one of those items:</p>
  
  <pre><code>document.addEventListener('click', function(item) {
  
    if(item.target.matches('.play-animation')) {
  
      console.log(item);
    }
  })
  </code></pre>
  
  <p>And it doesn't console.log the element I've clicked. I understand why it doesn't console it, but I don't know how to rebuild code, so it'll console.log item I've clicked. </p>
  
  <p>Thank you very much for your help in advance!</p>