const height = 10
const width = 10
const mine_rate = 0.30

let mines = []
let visited = []

for (i = 0; i < height; i++) {
  mines.push(new Array(width))
  visited.push(new Array(width))
  for (j = 0; j < width; j++) {
    mines[i][j] = Math.random() < mine_rate ? -1 : 0;
    visited[i][j] = false;
  }
}

canvas = document.getElementById("minesweeper-canvas")
context = canvas.getContext("2d")
console.log(context)

const cell_width  = canvas.width  / width
const cell_height = canvas.height / height
const cell_size   = Math.min(cell_width, cell_height)

for (i = 0; i < height; i++) {
  for (j = 0; j < width; j++) {
    context.strokeRect(cell_size * j, cell_size * i, cell_size, cell_size);
  }
}

// canvas.addEventListener("click", () => {})