adding js lab 1 complete

Matthew Holmes · Matthew Holmes · commit e40145ba421f · 2022-04-20T22:22:09.000-07:00
diff --git a/Code/matthew/javaScript/labs/01_JavaScriptRedo/app.js b/Code/matthew/javaScript/labs/01_JavaScriptRedo/app.js
@@ -0,0 +1,63 @@
+
+const options= ['rock','paper','scissors']
+let human = ''
+const random= Math.floor(Math.random() * options.length)
+
+// results h2
+const results= document.querySelector('.results')
+// comp h2
+const comp= document.querySelector('.comp')
+
+const rock= document.querySelector('.rock')
+rock.addEventListener('click',function(){
+    let computer= options[Math.floor(Math.random() * options.length)]
+    // let human= 'rock'
+    if(computer == 'rock'){
+        results.innerText= 'Tie'
+        comp.innerText= `Computer chose ${computer}`
+
+    }else if(computer == 'paper'){
+        results.innerText= 'Computer wins'
+        comp.innerText= `Computer chose ${computer}`
+    }else{
+        results.innerText= 'You win'
+        comp.innerText= `Computer chose ${computer}`
+    }
+
+})
+
+const paper= document.querySelector('.paper')
+paper.addEventListener('click',function(){
+    let computer= options[Math.floor(Math.random() * options.length)]
+    // let human= "paper"
+    if(computer == 'rock'){
+        results.innerText= 'you win'
+        comp.innerText= `Computer chose ${computer}`
+    }else if(computer == 'paper'){
+        results.innerText= 'tie'
+        comp.innerText= `Computer chose ${computer}`
+    }else{
+        results.innerText= 'You loose'
+        comp.innerText= `Computer chose ${computer}`
+    }
+
+})
+const scissors= document.querySelector('.scissors')
+scissors.addEventListener('click',function(){
+    let computer= options[Math.floor(Math.random() * options.length)]
+    // let human= "scissors"
+    if(computer == 'rock'){
+        results.innerText= 'you loose'
+        comp.innerText= `Computer chose ${computer}`
+    }else if(computer == 'paper'){
+        results.innerText= 'you win'
+        comp.innerText= `Computer chose ${computer}`
+    }else{
+        results.innerText= 'Tie'
+        comp.innerText= `Computer chose ${computer}`
+    }
+
+})
+
+    
+
diff --git a/Code/matthew/javaScript/labs/01_JavaScriptRedo/index.html b/Code/matthew/javaScript/labs/01_JavaScriptRedo/index.html
@@ -0,0 +1,20 @@
+<!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">
+    <!--  -->
+    <script defer src="app.js"></script>
+    <title>Rock Paper Scissors</title>
+</head>
+<body>
+    <h1>Rock, Paper, Scissors</h1>
+
+<button class="rock">Rock</button>
+<button class="paper">Paper</button>
+<button class="scissors">Scissor</button>
+<h2 class="results"></h2>
+<h4 class="comp"></h5>
+</body>
+</html>
