shsa-odoo · dhrs-odoo · Feb 7, 2023 · Feb 13, 2023 · shsa-odoo · Feb 10, 2023
diff --git a/rps_game/index.html b/rps_game/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Rock Paper Scissors</title> 
+        <link rel="stylesheet" href="style.css">
+        <script src="script.js"></script>
+    </head>
+
+    <body>
+        <h1>Opponent Score</h1>
+        <h1 id="opponent-score">0</h1>
+        <img id="opponent-choice">
+        <br>
+        <img id="your-choice">
+        <div id="choices">
+        </div>
+        <h1 id="your-score">0</h1>
+        <h1>User Score</h1>
+
+    </body>
+</html>
diff --git a/rps_game/paper.png b/rps_game/paper.png
diff --git a/rps_game/rock.png b/rps_game/rock.png
diff --git a/rps_game/scissors.png b/rps_game/scissors.png
diff --git a/rps_game/script.js b/rps_game/script.js
@@ -0,0 +1,66 @@
+let you;
+let yourScore = 0;
+let opponent;
+let opponentScore = 0;
+
+let choices = ["rock", "paper", "scissors"];
+
+window.onload = function() {
+    for (let i = 0; i < 3; i++) {
+        // <img id="rock" src="rock.png">
+        let choice = document.createElement("img");
+        choice.id = choices[i];
+        choice.src = choices[i] + ".png";
+        choice.addEventListener("click", selectChoice);
+        document.getElementById("choices").append(choice);
+    }
+}
+
+function selectChoice() {
+    you = this.id;
+    document.getElementById("your-choice").src = you + ".png";
+
+    //random for oppponent
+    opponent = choices[Math.floor(Math.random() * 3)];
+    document.getElementById("opponent-choice").src = opponent + ".png";
+
+    //check for winner
+    if (you == opponent) {
+        alert('Its a tie')
+    }
+    else {
+        if (you == "rock") {
+            if (opponent == "scissors") {
+                alert('yuppie😀 you got a point')
+                yourScore += 1;
+            }
+            else if (opponent == "paper") {
+                alert('shit😣 opponent got a point')
+                opponentScore += 1;
+            }
+        }
+        else if (you == "scissors") {
+            if (opponent == "paper") {
+                alert('yuppie😀 you got a point')
+                yourScore += 1;
+            }
+            else if (opponent == "rock") {
+                alert('shit😣 opponent got a point')
+                opponentScore += 1;
+            }
+        }
+        else if (you == "paper") {
+            if (opponent == "rock") {
+                alert('yuppie😀 you got a point')
+                yourScore += 1;
+            }
+            else if (opponent == "scissors") {
+                alert('shit😣 opponent got a point')
+                opponentScore += 1;
+            }
+        }
+    }
+
+    document.getElementById("your-score").innerText = yourScore;
+    document.getElementById("opponent-score").innerText = opponentScore;
+}
diff --git a/rps_game/style.css b/rps_game/style.css
@@ -0,0 +1,27 @@
+body{
+  font-family: Arial, Helvetica, sans-serif;
+  text-align: center; 
+  background-color: blanchedalmond;
+}
+#opponent-choice{
+  width: 240px;
+  height: 240px;
+  margin-top: 10px;
+
+}
+#your-choice{
+  width: 240px;
+  height: 240px;
+  margin-top: 10px;
+
+}
+#choices{
+  width: 240px;
+  height: 80px;
+  margin-top: 10px;
+  margin: 0 auto;
+}
+#choices img{
+  width: 80px;
+  height: 80px;
+}