JSFiddle - React, Tailwind, and code Playground

HTML

<img id="elemImage" src="https://www.espritterroirs.fr/wpsacco/wp-content/uploads/coeur-150x150.png" name="image" width="150" height="120" />

<div id="layer2" style="">
  <button id="populate" data-running="false" onclick="populate()">Coeur aléatoire</button>
  <input type="text" readonly id="nbr" />
</div>
<div id="layer3" style="">
  <button onclick="effacer()">Effacer tout</button>
</div>
Vérification :<input type="text" readonly id="verifcount" /> <span id="success"></span>

CSS

#elemImage{
  display: none;
}

.imgRonde {
  border-radius: 50%;
  border: solid 2px transparent;
  }

#layer2 {
  z-index: 99999;
}

td {
  height: 120px;
  width: 150px;
  border: none;
  
}
.picClicked {
  border: solid 2px red;
}

JavaScript

let increment = 0,
  posXY = [];
  nbrhearts=0;

Pics= [ ["coeur","https://www.espritterroirs.fr/wpsacco/wp-content/uploads/coeur-150x150.png"], 
        ["pomme","https://www.educol.net/image-fruit-pomme-verte-dl27813.jpg"], 
        ["ours","https://www.waouo.com/wp-content/uploads/2014/03/oursonavecunballon-576x576.jpg"],
        ["chien","https://iheartcraftythings.com/wp-content/uploads/2021/04/Dog-DRAWING-%E2%80%93-STEP-10.jpg"],
        ["soleil","https://verbnow.com/wp-content/uploads/2022/03/Sun-Fin-735x490.jpg"],
        ["poisson","https://iheartcraftythings.com/wp-content/uploads/2021/04/Fish-DRAWING-%E2%80%93-STEP-10.jpg"]
       ]; 


function createTable() {
  Table = document.createElement('table');

  for (i = 0; i < 10; i++) {
    line = document.createElement('tr');
    for (j = 0; j < 10; j++) {
      cell = document.createElement('td');
      cell.id = "cell" + i + "_" + j;
      line.appendChild(cell);
    }
    Table.appendChild(line)
  }
  document.body.appendChild(Table);
}
createTable();

function clonePic() {

  // recuperation de la resolution de l'ecran chez l'utilisateur
  largeur = window.innerWidth;
  hauteur = window.innerHeight;
  // positionnement aleatoire
  cellpos = posXY.pop();

  // recuperation de l'element div servant a afficher l'image
  ImageHeart = document.getElementById("elemImage").cloneNode(true);
  // ajustement de l'attribute style, notament left et top
  ImageHeart.style.width = "120px";
  ImageHeart.style.height = "120px";
  //elementDivImage.style.Zindex=increment++;
  ImageHeart.id = 'DivCoeur' + increment;
  ImageHeart.style.display = "inline-block";
  ImageHeart.classList.add('imgRonde');
  ImageHeart.onclick= function(){
   			this.classList.add("picClicked");
  			nbrverif = document.querySelectorAll('.picClicked').length;
        document.getElementById('verifcount').value=nbrverif;
        document.getElementById('success').innerHTML= (nbrhearts == nbrverif)? "Bravo!":"Il en reste encore";
        
    ...