我如何确定“索赔”在只有获胜者时显示失败者和获胜者的按钮

Question

我的网站上有1V1浏览器游戏＆amp;我正在尝试为获胜者出现一个按钮＆amp;没有出现失败者。

html for按钮：

<div class="modal__overlay close-disable" data-modal="end-screen">
  <div class="modal">
    <h2 class="modal__title" data-ending-text>The game has ended!</h2>
    <div class="modal__info flex flex-center">
      <span> Wager: <%= locals.game.wager %></span>
      <img
        src="<%= locals.game.cryptoImg %>"
        class="modal__crypto-icon"
        alt=""
      />
    </div>
    <button
      class="button button--secondary button--small modal__button"
      data-button="claim"
    >
      Claim Prize
    </button>

JS用于定义获胜者：

clumsyBirdSocket.on('game-finished', () => {
  isGameOver = true;
  endGame();
})

clumsyBirdSocket.on('opponent-left', () => {
  isGameOver = true;
  showEndScreen();
});

// HTML selectors
const statusText = document.querySelector('[data-status-text]')
const endingText = document.querySelector('[data-ending-text]');
const endScreenModal = document.querySelector('[data-modal="end-screen"]');


// global variables
let isGameOver = false;
let isPlayerDead = false;
let gameStarted = false;
let scores = {
  player: 0,
  opponent: 0
}

function endGame() {
  if(!isGameOver) return;
  let text;
  if(scores.player > scores.opponent) {
    text = TEXTS.win;
  } else if(scores.player < scores.opponent) {
    text = TEXTS.lose;
    document.getElementById("claim").style.display="none";
  } else {
    text = TEXTS.draw;
  }
  text += `<br> Scores: ${scores.player} - ${scores.opponent}`;

  showEndScreen(text);
}

function showEndScreen(text = TEXTS.opponentForfeited) {
  endingText.innerHTML = text;
  statusText.innerText = "";
  statusText.classList.remove('text-waiting');
  endScreenModal.classList.add('active');
}

如果我在“功能最终游戏”下添加

document.getElementById("claim").style.display="none"

暂时将问题撤出，当时赢得索赔的玩家会获得奖金并返回游说，然后将其提示，然后提示失败者。索赔奖按钮..因此，为什么它是一个临时修复。任何方向都有帮助。