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 id = "score">
<div class = "score">
<div> You: <span id = "player">0</span></div>
<div>Compy: <span id = "computer">0</span></div>
</div>
<div id = "msg"></div>

7
script.js
View file

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