function createHoleField() {
    let img;
    for (let i = 0; i < fieldSize; i++) {
      img = create("img");
      img.draggable = false;
      img.src = "img/hole.png";
      img.setAttribute("data-active", "true");
      img.setAttribute("data-img", "hole");
      img.addEventListener("mousedown", checkClickInGame);
      hole.appendChild(img);
    }
  }
// that means they have a higher z-index than active=false -> they're visible

that means they have a higher z-index than active=false -> they're visible
that means they have a higher z - index than active = false - > they ' re visible
function createHoleField() {
    let img;
    for (let i = 0; i < fieldSize; i++) {
      img = create("img");
      img.draggable = false;
      img.src = "img/hole.png";
      img.setAttribute("data-active", "true");
      img.setAttribute("data-img", "hole");
      img.addEventListener("mousedown", checkClickInGame);
      hole.appendChild(img);
    }
  }
function createHoleField ( ) { let img ; for ( let i = 0 ; i < fieldSize ; i ++ ) { img = create ( "img" ) ; img . draggable = false ; img . src = "img/hole.png" ; img . setAttribute ( "data-active" , "true" ) ; img . setAttribute ( "data-img" , "hole" ) ; img . addEventListener ( "mousedown" , checkClickInGame ) ; hole . appendChild ( img ) ; } }
that means they have a higher z-index than active=false -> they're visible
that means they have a higher z - index than active = false - > they ' re visible