So im doing a score keeper exercise by my self after doing a code along from Colt Steele’s bootcamp’s score keeper project. Im stuck at trying to figure out why incrementing counter in button function is not working while being outside of if statement that i made compared to Colt’s way?
Here’s Colt’s code:
var p1Button = document.querySelector("#p1");
var p2Button = document.getElementById("p2");
var resetButton = document.getElementById("reset");
var p1Display = document.querySelector("#p1Display");
var p2Display = document.querySelector("#p2Display");
var numInput = document.querySelector("input");
var winningScoreDisplay = document.querySelector("p span");
var p1Score = 0;
var p2Score = 0;
var gameOver = false;
var winningScore = numInput;
p1Button.addEventListener("click", function() {
if (!gameOver) {
p1Score++;
if(p1Score === winningScore) {
p1Display.classList.add("winner");
gameOver = true;
}
p1Display.textContent = p1Score;
}
}
Here’s mine:
var scorePlayer1 = document.getElementById("player1");
var scorePlayer2 = document.getElementById("player2");
var playingUpTo = document.getElementById("playingUpTo");
var button1 = document.getElementById("pressPlayer1");
var button2 = document.getElementById("pressPlayer2");
var setTo = document.getElementById("setTo");
var counter1 = 0;
var counter2 = 0;
var gameOver = false;
button1.addEventListener("click", function() {
counter1++;
if (counter1 === setTo.value) {
gameOver = true;
}
});
I tried doing it with a while loop and without using boolean’s but couldnt make it work. Any possible different ideas? Im asking because Colt in the end said there’s no better way of doing something like this exercise.