I have just started programming and this event handler isn't working.
Uncaught TypeError: Failed to execute 'addEventListener' on 'EventTarget': parameter 2 is not of type 'Object'. at script.js:51:33
document.getElementById("rock").addEventListener("click", playRound("rock", computerPlay()));
Here is the full (not finished) code:
const answers = ["rock", "paper", "scissors"];
let playerScore = 0;
let computerScore = 0;
function computerPlay() {
return answers[Math.floor(Math.random() * answers.length)];
}
function playRound(playerSelection, computerSelection) {
playerSelection = playerSelection.toLowerCase();
if (playerSelection == computerSelection) {
return ("Tie!");
}
else {
switch (playerSelection) {
case "rock":
if (computerSelection == "paper" ) {
computerScore++;
return ("You lost! " + computerSelection + " beats " + playerSelection);
}
else {
playerScore++;
return ("You won! " + playerSelection + " beats " + computerSelection);
}
case "paper":
if (computerSelection == "scissors" ) {
computerScore++;
return ("You lost! " + computerSelection + " beats " + playerSelection);
}
else {
playerScore++;
return ("You won! " + playerSelection + " beats " + computerSelection);
}
case "scissors":
if (computerSelection == "rock" ) {
computerScore++;
return ("You lost! " + computerSelection + " beats " + playerSelection);
}
else {
playerScore++;
return ("You won! " + playerSelection + " beats " + computerSelection);
}
}
}
}
console.log(typeof(computerPlay));
document.getElementById("rock").addEventListener("click", playRound("rock", computerPlay()));
document.getElementById("paper").addEventListener("click", playRound("paper", computerPlay()));
document.getElementById("scissors").addEventListener("click", playRound("scissors", computerPlay()));