function solve() {
    let res1 =  document.getElementById("result").children[0];
    let res2 = document.getElementById("result").children[2];

    let cardOne;
    let cardTwo;

    let playerOne = [...document.getElementById("player1Div").children];
    playerOne.forEach(el => {
        el.addEventListener('click', function () {
            this.src = "./images/whiteCard.jpg";
            document.getElementById("result").children[0].innerHTML = this.name;
            cardOne = this;
            getWinner();
        })
    });

    let playerTwo = [...document.getElementById("player2Div").children];
    playerTwo.forEach(el => {
        el.addEventListener('click', function () {
            this.src = "./images/whiteCard.jpg";
            document.getElementById("result").children[2].innerHTML = this.name;
            cardTwo = this;
            getWinner();
        })
    });

   function getWinner() {
      if (res1.innerHTML !== "" && res2.innerHTML !== "") {
          if (+res1.innerHTML > +res2.innerHTML) {
            cardOne.style.border = "2px solid green";
            cardTwo.style.border = "2px solid red";
          } else {
            cardOne.style.border = "2px solid red";
            cardTwo.style.border = "2px solid green";
          }

          document.getElementById("history").innerHTML += `[${res1.innerHTML} vs ${res2.innerHTML}] `;

          res1.innerHTML = "";
          res2.innerHTML = "";
      }
   }
}