index.js

const cards = document.querySelectorAll(".card");
console.log(cards);

//variables
var isFlipped = false;
var firstCard;
var secondCard;

cards.forEach((card) => card.addEventListener("click", flip));

function flip() {
  //   console.log("Card flipped");
  // console.log(this);
  if(secondCard != null) {
    return null;
}
  this.classList.add("flip");
  if (!isFlipped) {
    isFlipped = true;
    firstCard = this;
  } else {

    secondCard = this;
    console.log(firstCard);
    console.log(secondCard);

    checkIt();
  }
}
let co=0;
let fo=0;
function checkIt() {
  //   console.log("Checking...");
  if (firstCard.dataset.image === secondCard.dataset.image ) {
    success();
    fo++;

    if(fo==8)
    {
      // alert('SSS');
      swal({
  icon:'success',
  // text: `WON !!! IN ${fo} MOVES`,
  text:`WON IN ${co} MOVES 🥰  YOUR SCORE IS ${count}🤓`,
  buttons: ["DONE"],
});
      // swal(`SUCCESS!! in ${fo} moves`);
  
    }

  } else {
    fail();
    co++;
    fo++;
  }
}

function success() {
  //   console.log("Success");
  firstCard.removeEventListener("click", flip);
  secondCard.removeEventListener("click", flip);
  reset();
}

function fail() {
  //   console.log("Failed");
  setTimeout(() => {
    firstCard.classList.remove("flip");
    secondCard.classList.remove("flip");
    reset();
  }, 500);
}

function reset() {
  isFlipped = false;
  firstCard = null;
  secondCard = null;
}

//TODO: shuffle

(function shuffle() {
  cards.forEach((card) => {
    var index = Math.floor(Math.random() * 16);
    card.style.order = index;
  });
})();