JSFiddle - React, Tailwind, and code Playground

by Mobeen Sarwar

JavaScript

var elements = document.getElementsByClassName("card");
  console.log(elements);

  for(var i = 0; i < elements.length; i++) {
    elements[i].onclick = function(event) {
      this.classList.toggle('red');
      this.classList.toggle('myCard_afterEvol');
    }
  }

  function changeImg1() {
    for (var i = 0; i < elements.length; i++) {
      elements[i].onclick = function(event) {
        if(document.getElementById("myCard_before").style.display == "none") {
          document.getElementById("myCard_before").style.display = "";
          document.getElementById("myCard_after").style.display ="none";
        }
      }
    }
  }