drawer.js

var imageID = {
  "bomb": "bombIMG",
  "flag": "flagIMG"
}
var images = {}

function initializeImages(){
  for(let key in imageID){
    images[key] = document.getElementById(imageID[key])
  }
}

function renderMap(uncovered, map, mineMap, flagged) {
  for (let r = 0; r < rows; ++r) {
    for (let c = 0; c < columns; ++c) {
      let element = document.getElementById("gameTable").rows[r].cells[c];
      element.innerHTML = ""
      if(!uncovered[r][c]){
        if(flagged[r][c]){
          var image = images.flag.cloneNode(false)
          element.appendChild(image)
        }
        element.className = "coveredCell"
        continue
      }
      element.className = "emptyCell"
      if(mineMap[r][c]){
        element.appendChild(images.bomb.cloneNode(false))
      }else{
        element.innerHTML = map[r][c];
      }
    }
  }
}

function initializeTable(){
  document.getElementById("gameTable").innerHTML = "";

  for (let r = 0; r < rows; ++r) {
    var row = document.createElement("tr")
    for (let c = 0; c < columns; ++c) {
      var element = document.createElement("td");
      element.className = "coveredCell"
      element.onmousedown = (event) => {
        if(event.button == 0)
          click([r, c], map, mineMap, uncovered, flagged);
        else if(event.button == 2)
          rightClick([r, c], flagged)
      }
      element.oncontextmenu = function(event){
        return false
      }
      row.appendChild(element);
    }
    document.getElementById("gameTable").appendChild(row);
  }
}

function updateUserMineCount(){
  flagged.forEach((row, rInd) => row.forEach((obj, cInd) => flagged[rInd][cInd] = flagged[rInd][cInd] && (!uncovered[rInd][cInd])))
  let flags = 0
  flagged.forEach((row) => row.forEach((obj) => flags += obj))
  document.getElementById("bombs").innerHTML = mineCount - flags
}

function updateTimer(){
  if(finished){
    return;
  }
  document.getElementById("time").innerHTML = formatTime(Math.floor((new Date().getTime() - startTime) * 0.001))
  setTimeout(updateTimer, 100)
}

function formatTime(seconds){
  minutes = Math.floor(seconds / 60)
  seconds = seconds - minutes * 60
  if(seconds < 10){
    seconds = "0" + seconds;
  }
  return minutes + ":" + seconds;
}