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

Move all messages to DOM and remove child divs in score

Browse source
This commit is contained in:
lolabird 2023-11-07 22:18:03 -07:00
commit 1b9f3ea828
2 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

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

9
script.js
View file

@ -3,6 +3,7 @@ let pScore = 0;
let cScore = 0;
let ps; // Define the external variable for user's choice
const buttons = document.querySelectorAll('button');
const msg = document.querySelector("#msg");
buttons.forEach((button) => {
@ -64,14 +65,14 @@ function game() {
switch (play) {
case "player loses":
cScore += 1;
console.log("You lose!", cs, " beats", ps, ". You: ", pScore, "Computer: ", cScore);
msg.textContent = "You lose! " + cs + " beats " + ps + ". You: " + pScore + " Computer: " + cScore;
break;
case "player wins":
pScore += 1;
console.log("You Win!", ps, " beats", cs, ". You: ", pScore, "Computer: ", cScore);
msg.textContent = "You lose! " + ps + " beats " + cs + ". You: " + pScore + " Computer: " + cScore;
break;
default:
console.log("It's a tie!", " You: ", pScore, "Computer: ", cScore);
msg.textContent = "It's a tie! " + "You: " + pScore + " Computer: " + cScore;
break;
}
}
@ -83,8 +84,6 @@ function game() {
function endGame(){
const msg = document.querySelector("#msg");
const span = document.createElement("span");
let winner = (pScore > cScore) ? true : false;
if (winner) {