如何正确判断元素innerText是否等于0以确认游戏赢家？

你的判断逻辑出错的核心原因是：innerText返回的是字符串类型，而你用===和数字0做严格相等比较——严格相等会同时校验值和类型，字符串"0"和数字0类型不同，所以永远不会匹配成功。

两种正确的判断方式： #

1. 把文本内容转为数字后再比较

用Number()、parseInt()或者一元+运算符将字符串转为数字，再和数字0比较：

function checkWinner() {
    // 用Number()转数字
    if (Number(document.getElementById('player1').innerText) === 0) {
        message.innerHTML = `<p>${players[1]} 你赢了游戏</p>`;
    }
    if (Number(document.getElementById('player2').innerText) === 0) {
        message.innerHTML = `<p>${players[0]} 你赢了游戏</p>`;
    }
}

2. 直接和字符串"0"比较（注意处理空白字符）

如果元素文本可能包含空格、换行这类空白字符，先调用trim()去除前后空白，再和字符串"0"比较：

function checkWinner() {
    // 先清理空白再比较字符串
    if (document.getElementById('player1').innerText.trim() === "0") {
        message.innerHTML = `<p>${players[1]} 你赢了游戏</p>`;
    }
    if (document.getElementById('player2').innerText.trim() === "0") {
        message.innerHTML = `<p>${players[0]} 你赢了游戏</p>`;
    }
}

额外提醒 #

如果元素文本里出现非数字内容（比如意外的文字），转数字的方式会得到NaN，这时候和0比较会返回false，符合逻辑；而字符串比较的方式也会因为不匹配"0"而跳过判断，两种方式都能避免错误触发赢家提示。

内容的提问来源于stack exchange，提问作者NovaBrownie