Tengo juegos de navegador 1v1 en mi sitio web y estoy tratando de hacer que aparezca un botón para el ganador y no para el perdedor en un modal emergente en el post-juego. Estoy apuntando específicamente al botón "Reclamar premio" en la ventana emergente " Modal emergente" Reclamar premio
HTML para el botón:
<button class="button button--secondary button--small modal__button" data-button="claim"> Claim Prize </button>Js solía definir al ganador.
function endGame() { if(!isGameOver) return; let text; if(scores.player > scores.opponent) text = TEXTS.win; else if(scores.player < scores.opponent) text = TEXTS.lose; else text = TEXTS.draw; text += `<br> Scores: ${scores.player} - ${scores.opponent}`; showEndScreen(text);Declaración if actual para intentar que se muestre solo para el ganador:
<script> var theyLost = (TEXTS.Win) if (theyLost) true; document.getElementById("claim").style.display="none"; </script>No estoy seguro de si esto funcionará, pero tal vez puedas intentar hacer visible el botón directamente si el jugador gana:
function endGame() { if(!isGameOver) return; let text; if(scores.player > scores.opponent){ text = TEXTS.win; document.getElementById("claim").style.display="none"; }else if(scores.player < scores.opponent){ text = TEXTS.lose; }else{ text = TEXTS.draw; } text += `<br> Scores: ${scores.player} - ${scores.opponent}`; showEndScreen(text); }