script.js

const checkboxes = document.querySelectorAll('.card__checkbox');
let firstCard, secondCard;

function handleCheck() {
    if (this !== firstCard) {
        secondCard = this;

        if (firstCard && secondCard) {
            if (firstCard.nextElementSibling.querySelector('img').src === secondCard.nextElementSibling.querySelector('img').src) {
                firstCard.checked = true;
                secondCard.checked = true;
                firstCard = null;
                secondCard = null;
            } else {
                setTimeout(() => {
                    firstCard.checked = false;
                    secondCard.checked = false;
                    firstCard = null;
                    secondCard = null;
                }, 1000);
            }
        } else {
            firstCard = this;
        }
    }
}

checkboxes.forEach(checkbox => checkbox.addEventListener('click', handleCheck));

const cards = document.querySelectorAll('.card__label');
const imgUrls = [ './images/african-village.jpeg',  './images/plane.jpeg',  './images/university.jpeg', './images/water.jpeg'];

function shuffle(array) {
  let currentIndex = array.length;
  let temporaryValue, randomIndex;

  while (currentIndex !== 0) {
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}

shuffle(imgUrls);

for (let i = 0; i < cards.length; i++) {
  cards[i].querySelector('img').src = imgUrls[i % imgUrls.length];
}