hi. totally blind and using the jaws for windows screen reader. doing the build a rock, paper and scissors game, and now up to step 13. will paste the step. i have typed up the one add event listener, and have got it correct. only one reset game function and one add event listener for reset game, but it is not passing, and have reset the lesson a few times. so, i dont know what i am doing wrong. so will paste my vs code and the error message and the test. so if any one can help me out, yes, did listen to the insturctions and doing what fcc is requiring. so, no slamming, just be gentle and help me out. marvin.
ps: pasting the link to the step, my vs code, the error and the test.
let options = [“Rock”, “Paper”, “Scissors”];
let playerScore = 0;
let computerScore = 0;
let playerScoreSpanElement = document.getElementById(“player-score”);
let computerScoreSpanElement = document.getElementById(“computer-score”);
let roundResultsMsg = document.getElementById(“results-msg”);
let rockBtn = document.getElementById(“rock-btn”);
let paperBtn = document.getElementById(“paper-btn”);
let scissorsBtn = document.getElementById(“scissors-btn”);
let winnerMsgElement = document.getElementById(“winner-msg”);
let optionsContainer = document.querySelector(“.options-container”);
let resetGameBtn = document.getElementById(“reset-game-btn”);
function getRandomComputerResult() {
let randomIndex = Math.floor(Math.random() * options.length);
return options[randomIndex];
}
function normalize(choice) {
if (typeof choice !== “string”) return “”;
const lower = choice.toLowerCase().trim();
return lower.charAt(0).toUpperCase() + lower.slice(1);
}
function hasPlayerWonTheRound(player, computer) {
player = normalize(player);
computer = normalize(computer);
return (
(player === "Rock" && computer === "Scissors") ||
(player === "Scissors" && computer === "Paper") ||
(player === "Paper" && computer === "Rock")
);
}
function getRoundResults(userOption, computerResult) {
const playerChoice = normalize(userOption);
const computerChoice = normalize(computerResult);
if (playerChoice === computerChoice) {
return \`It's a tie! Both chose ${playerChoice}\`;
}
if (hasPlayerWonTheRound(playerChoice, computerChoice)) {
playerScore++;
return \`Player wins! ${playerChoice} beats ${computerChoice}\`;
} else {
computerScore++;
return \`Computer wins! ${computerChoice} beats ${playerChoice}\`;
}
}
function showResults(userOption) {
const computerResult = getRandomComputerResult();
const resultMessage = getRoundResults(userOption, computerResult);
roundResultsMsg.textContent = resultMessage;
playerScoreSpanElement.textContent = playerScore;
computerScoreSpanElement.textContent = computerScore;
if (playerScore === 3) {
winnerMsgElement.textContent = "Player has won the game!";
resetGameBtn.style.display = "block";
optionsContainer.style.display = "none";
} else if (computerScore === 3) {
winnerMsgElement.textContent = "Computer has won the game!";
resetGameBtn.style.display = "block";
optionsContainer.style.display = "none";
}
}
rockBtn.addEventListener(“click”, () => showResults(“Rock”));
paperBtn.addEventListener(“click”, () => showResults(“Paper”));
scissorsBtn.addEventListener(“click”, () => showResults(“Scissors”));
function resetGame() {
playerScore = 0;
computerScore = 0;
playerScoreSpanElement.textContent = playerScore;
computerScoreSpanElement.textContent = computerScore;
roundResultsMsg.textContent = “”;
winnerMsgElement.textContent = “”;
optionsContainer.style.display = “block”;
resetGameBtn.style.display = “none”;
}
resetGameBtn.addEventListener(“click”, resetGame);
You should add an event listener to the resetGameBtn button. The event listener should take in a "click" event and a reference to the resetGame function.
1. You should add an event listener to the resetGameBtn button. The event listener should take in a "click" event and a reference to the resetGame function.
// tests completed