From b7112ff68e8a0fb732900a0831261ba262cd1364 Mon Sep 17 00:00:00 2001
From: "Sophia.Bernert" <sophia.bernert@rbb-online.de>
Date: Tue, 11 Mar 2025 15:30:12 +0100
Subject: [PATCH] Game ready to play
---
game/index.js | 34 ++++++++++++++++++++++++++++++++--
1 file changed, 32 insertions(+), 2 deletions(-)
diff --git a/game/index.js b/game/index.js
index d924916..0825e09 100644
--- a/game/index.js
+++ b/game/index.js
@@ -13,10 +13,13 @@ buttonStein.addEventListener("click", () => showResults("Stein"));
buttonPapier.addEventListener("click", () => showResults("Papier"));
buttonSchere.addEventListener("click", () => showResults("Schere"));
+
const winnerMsgElement = document.getElementById("winner-msg");
-const optionsContainer = document.getElementById("options-container");
+const optionsContainer = document.querySelector(".options-container");
const resetGameBtn = document.getElementById("reset-game-btn");
+resetGameBtn.addEventListener("click", resetGame);
+
function getRandomComputerResult(){
const number = Math.floor(Math.random()*options.length);
return options[number];
@@ -46,10 +49,37 @@ function getRoundResults(playerChoice){
}
function showResults(playerChoice) {
- roundResultsMessage.innerText = getRoundResults(playerChoice)
+ roundResultsMessage.innerText = getRoundResults(playerChoice);
playerScoreElement.innerText = playerScore;
computerScoreElement.innerText = computerScore;
+
+ if(playerScore >= 3){
+ winnerMsgElement.innerText = "Spieler hat gewonnen";
+ } else if(computerScore >= 3) {
+ winnerMsgElement.innerText = "Computer hat gewonnen";
+ }
+ if(playerScore >= 3 || computerScore >= 3) {
+ //CSS aendern
+ resetGameBtn.style.display = "block";
+ optionsContainer.style.display = "none";
+ }
}
+function resetGame(){
+ playerScore = 0;
+ computerScore = 0;
+
+ //HTML updaten
+ playerScoreElement.innerText = playerScore;
+ computerScoreElement.innerText = computerScore;
+
+ resetGameBtn.style.display = "none";
+ optionsContainer.style.display = "block";
+
+ winnerMsgElement.innerText = "";
+ roundResultsMessage.innerText = "";
+}
+
+
--
GitLab