右键单击标志扫雷器

Question

我正在建造一个扫雷游戏。我遵循了一个教程，以获取基础知识。然后在这里还使用一些帮助来交替颜色。我的下一个问题是我被卡在右键单击以获取标志。我尝试使用“上下文菜单”，然后使用e.preventdefault（）。但是，它仍然行不通。作为参考，这是代码。

var board = [];
var rows = 10;
var columns = 10;

var minesCount = 10;
var minesLocation = [];

var tilesClicked = 0; 
var flagEnabled = false;

var gameOver = false;

window.onload = function() {
    startGame();
}

function setMines() {

    let minesLeft = minesCount;
    while (minesLeft > 0) { 
        let r = Math.floor(Math.random() * rows);
        let c = Math.floor(Math.random() * columns);
        let id = r.toString() + "-" + c.toString();

        if (!minesLocation.includes(id)) {
            minesLocation.push(id);
            minesLeft -= 1;
        }
    }
}


function startGame() {
    document.getElementById("mines-count").innerText = minesCount;
    document.getElementById("board").addEventListener("contextmenu", e=> {
        e.preventDefault();
        setFlag();
    });
    setMines();

    for (let r = 0; r < rows; r++) {
        let row = [];
        for (let c = 0; c < columns; c++) {
            let tile = document.createElement("div");
            tile.id = r.toString() + "-" + c.toString();
            tile.addEventListener("click", clickTile);
            document.getElementById("board").append(tile);
            row.push(tile);
        }
        board.push(row);
    }

    console.log(board);
}

function setFlag() {
    if (flagEnabled) {
        flagEnabled = false;
        document.getElementById("flag-button").style.backgroundColor = "lightgray";
    }
    else {
        flagEnabled = true;
        document.getElementById("flag-button").style.backgroundColor = "darkgray";
    }
}

function clickTile() {
    if (gameOver || this.classList.contains("tile-clicked")) {
        return;
    }

    let tile = this;
    if (flagEnabled) {
        if (tile.innerText == "") {
            tile.innerText = "