javascript - 部分文本未显示在屏幕上。 JavaScript初学者

Question

结束屏幕应显示获胜玩家并签名“单击继续”，但只有单击才能继续。我只是从 javascript 开始，并尝试尽可能地将代码编写为逻辑。

function drawEverything() {

canvasContext.fillStyle = 'black';
canvasContext.fillRect(0, 0, canvas.width, canvas.height);

if (showWinScreen) {
  canvasContext.fillStyle = 'white';
  if (player1Score >= WINNING_SCORE) {
    canvasContext.fillText("PLAYER 1 WON!", 400, 100);
  } else if (player2Score >= WINNING_SCORE) {
    canvasContext.fillText("PLAYER 2 WON!", 400, 100);
  }

  canvasContext.fillText("PLEASE CLICK TO CONTINUE", 350, 500);
  return;
}

下面代码中的变量现在更改为工作序列中最后的部分。

function ballReset() {
if (player1Score >= WINNING_SCORE ||
  player2Score >= WINNING_SCORE) {
  player1Score = 0;
  player2Score = 0;
  showWinScreen = true;
}

现在他们正在关闭屏幕，其中包含显示谁获胜的信息，但问题仍然相同:/

function mouseClick(evt) {
player1Score = 0;
player2Score = 0;
showWinScreen = false;

}

Answer 1

您只抽到胜利信息if (player1Score >= WINNING_SCORE) 。然而，player1Score在 ballReset() 中设置为零，所以它不可能大于 WINNING_SCORE 。您需要以其他方式存储获胜玩家，或者在游戏重新启动之前不要将分数重置为零。