Adding my Java-Redo lab

renanharrigan · renanharrigan · commit ca7a2aa8188e · 2022-04-28T21:10:24.000-04:00
diff --git a/Code/renan/java/RPS/app.js b/Code/renan/java/RPS/app.js
@@ -0,0 +1,70 @@
+const computerChoiceDisplay = document.getElementById('computer-choice')
+const playerChoiceDisplay = document.getElementById('player-choice')
+const resultDisplay = document.getElementById('result')
+const choices = document.querySelectorAll('button')
+let playerChoice
+let computerChoice
+let result
+
+// console.log(computerChoiceDisplay)
+// console.log(computerChoiceDisplay.id)
+//console.log(choices)
+
+
+
+console.log(playerChoiceDisplay.innerHTML, 'before')
+//listeners
+choices.forEach(choice=>choice.addEventListener('click', (e)=>{
+    playerChoice = e.target.id
+    playerChoiceDisplay.innerHTML = playerChoice
+
+    createComputerChoice()
+    getResult()
+    //console.log(playerChoiceDisplay, 'after')
+}))
+
+ function createComputerChoice(){
+    const randomNumber = Math.floor(Math.random() *choices.length) +1 //3 +1
+    console.log(randomNumber)   
+
+    if(randomNumber === 1){
+        computerChoice = 'rock'     
+    }
+    if(randomNumber=== 2){
+        computerChoice = 'scissors'
+    }
+    if(randomNumber=== 3){
+        computerChoice = 'paper'
+   }
+
+   computerChoiceDisplay.innerHTML = computerChoice
+
+ }
+ function getResult(){
+
+if(computerChoice===playerChoice){
+    result = 'We have a tie!'
+}
+if(computerChoice=== 'rock' && playerChoice ==='paper'){
+    result = 'You won the game'
+}
+if(computerChoice=== 'rock' && playerChoice ==='scissors'){
+    result = 'You lost the game'
+}
+if(computerChoice=== 'paper' && playerChoice ==='scissors'){
+    result = 'You won the game'
+}
+if(computerChoice=== 'paper' && playerChoice ==='rock'){
+    result = 'You lost the game'
+}
+if(computerChoice=== 'scissors' && playerChoice ==='rock'){
+    result = 'You won the game'
+}
+if(computerChoice=== 'scissors' && playerChoice ==='paper'){
+    result = 'You lost the game'
+}
+
+resultDisplay.innerHTML = result
+}
+
+ createComputerChoice()
diff --git a/Code/renan/java/RPS/index.html b/Code/renan/java/RPS/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>RPS</title>
+    <script defer src="app.js"></script>
+
+</head>
+<body>
+    <h2>Computer Choice: <span id="computer-choice"></span></h2>   
+    <h2>Player Choice: <span id="player-choice"></span></h2>
+    <h2>Result: <span id="result"></span></h2>
+
+
+    <button id="rock">Rock</button> 
+    <button id="paper">Paper</button> 
+    <button id="scissors">Scissors</button>
+
+</body>
+</html>
