Octavia/odin-rock-paper-scissors
Watch
1
0
Fork
You've already forked odin-rock-paper-scissors
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add child divs back to score and dynamically add tally to divs

Browse source
This commit is contained in:
lolabird 2023-11-07 22:30:37 -07:00
commit ebbdf7cb73
2 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -17,7 +17,9 @@
</div> </div>
<div id = "score"> <div class = "score">
<div> You: <span id = "player">0</span></div>
<div>Compy: <span id = "computer">0</span></div>
</div> </div>
<div id = "msg"></div> <div id = "msg"></div>

7
script.js
View file

@ -1,9 +1,12 @@
let pScore = 0; let pScore = 0;
let cScore = 0; let cScore = 0;
let ps; // Define the external variable for user's choice let ps;
const buttons = document.querySelectorAll('button'); const buttons = document.querySelectorAll('button');
const msg = document.querySelector("#msg"); const msg = document.querySelector("#msg");
const score = document.querySelector("#score");
const player = document.querySelector("#player");
const computer = document.querySelector("#computer");
buttons.forEach((button) => { buttons.forEach((button) => {
@ -65,10 +68,12 @@ function game() {
switch (play) { switch (play) {
case "player loses": case "player loses":
cScore += 1; cScore += 1;
computer.textContent = cScore;
msg.textContent = "You lose! " + cs + " beats " + ps + ". You: " + pScore + " Computer: " + cScore; msg.textContent = "You lose! " + cs + " beats " + ps + ". You: " + pScore + " Computer: " + cScore;
break; break;
case "player wins": case "player wins":
pScore += 1; pScore += 1;
player.textContent = pScore;
msg.textContent = "You lose! " + ps + " beats " + cs + ". You: " + pScore + " Computer: " + cScore; msg.textContent = "You lose! " + ps + " beats " + cs + ". You: " + pScore + " Computer: " + cScore;
break; break;
default: default: