basic rock paper scissors game

Tyler-Arciniaga · Tyler-Arciniaga · commit 4ea1654c3838 · 2024-10-10T20:21:32.000-04:00
diff --git a/students/tylerarc/rock_paper_scissors.js b/students/tylerarc/rock_paper_scissors.js
@@ -0,0 +1,61 @@
+let player,cpu;
+
+
+
+document.getElementById("rock").addEventListener("click",  () => simulate("rock"));
+document.getElementById("paper").addEventListener("click", () => simulate("paper"));
+document.getElementById("scissors").addEventListener("click", () => simulate("scissors"));
+
+
+function simulate(player){
+    cpu_choices = ["rock","paper","scissors"];
+
+    random_element = Math.floor(Math.random() * 3);
+    cpu = cpu_choices[random_element];
+
+    console.log(cpu);
+
+    if (player == "rock"){
+        if (cpu == "scissors"){
+            document.getElementById("outcome").textContent = "OUTCOME: Player Wins";
+            document.getElementById("choices").textContent = "ROCK BEATS SCISSORS";
+        }
+        if (cpu == "paper"){
+            document.getElementById("outcome").textContent = "OUTCOME: Computer Wins";
+            document.getElementById("choices").textContent = "PAPER BEATS ROCK";
+        }
+        if (cpu == "rock") {
+            document.getElementById("outcome").textContent = "OUTCOME: Tie";
+            document.getElementById("choices").textContent = "YOU BOTH PICKED ROCK";
+        }
+    }
+    if (player == "scissors"){
+        if (cpu == "rock"){
+            document.getElementById("outcome").textContent = "OUTCOME: Computer Wins";
+            document.getElementById("choices").textContent = "ROCK BEATS SCISSORS";
+        }
+        if (cpu == "paper"){
+            document.getElementById("outcome").textContent = "OUTCOME: Player Wins";
+            document.getElementById("choices").textContent = "SCISSORS BEATS PAPER";
+        }
+        if (cpu == "scissors"){
+            document.getElementById("outcome").textContent = "OUTCOME: Tie";
+            document.getElementById("choices").textContent = "YOU BOTH PICKED SCISSORS";
+        }
+    }
+    if (player == "paper"){ // player is paper
+        if (cpu == "rock"){
+            document.getElementById("outcome").textContent = "OUTCOME: Player Wins";
+            document.getElementById("choices").textContent = "PAPER BEATS ROCK";
+        }
+        if (cpu == "scissors"){
+            document.getElementById("outcome").textContent = "OUTCOME: Computer Wins";
+            document.getElementById("choices").textContent = "SCISSORS BEATS PAPER";
+        }
+        if (cpu == "paper"){
+            document.getElementById("outcome").textContent = "OUTCOME: Tie";
+            document.getElementById("choices").textContent = "YOU BOTH PICKED PAPER";
+        }
+    }
+
+}
diff --git a/students/tylerarc/rps.html b/students/tylerarc/rps.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Rock Paper Scissors Game</title>
+</head>
+<body>
+    <h1>Play Rock Paper Scissors Against the Computer!</h1>
+
+    <button id = "rock">ROCK</button>
+    <button id = "paper">PAPER</button>
+    <button id = "scissors">SCISSORS</button>
+
+    <br>
+    <p id = "outcome">OUTCOME: 
+        
+    </p>
+    <br>
+    <p1 id = "choices"></p1>
+    
+
+    
+</body>
+<script src = "rock_paper_scissors.js"></script>
+</html>
