title: The card clicked should be flip
body: <p>I am having 16 cards, I want to flip the card which I click. The code I have written is flipping the first card after click but it is not applicable for other cards. Please help me so that I can flip the card which I clicked.</p>
  <p>HTML</p>
  <pre><code>&lt;div class=&quot;scene&quot;&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;div class=&quot;card__face card__face--front&quot;&gt;front&lt;/div&gt;
            &lt;div class=&quot;card__face card__face--back&quot;&gt;back&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  <p>JS</p>
  <pre><code>var card = document.querySelector('.card');
      card.addEventListener('click', function() {
        card.classList.toggle('is-flipped');
  </code></pre>