任何人都可以查看我的代码并了解为什么我只能在 innerHTML 中获得 [objects MouseEvent] 吗？

Question

它仅在我单独使用 If 语句时有效，而在添加 Else-if 时无效。

 function printResult(description) { userPoints++; var userInput1 = answer1.value; var userInput2 = answer2.value; var userInput3 = answer3.value; //var userInput4 = answer4.value; //var userInput5 = answer5.value;*/ answer1.value = ""; answer2.value = ""; answer3.value = ""; //answer4.value = ""; //answer5.value = "";*/ answerDiv.innerHTML = ` <article> <p>${ description }</p> </article> `; //If/Else som ser om brukeren skrivit in riktigt iht dom korrekta svaren. if (userInput1 === correctAnswer1.toLowerCase() && userInput2 === correctAnswer2.toLowerCase() && userInput3 === correctAnswer3.toLowerCase()) { printResult("You are a music genious;"). pointsDiv.innerHTML = `You got ${ userPoints } points; That's a full score..`; } else if (userInput1 === correctAnswer1 || userInput2 === correctAnswer2.toLowerCase() || userInput3 === correctAnswer3.toLowerCase()) { printResult("You're not that bad;"). pointsDiv.innerHTML = `You got ${ userPoints } points.`. } else if (userInput1 === correctAnswer1.toLowerCase() && userInput2 === correctAnswer2.toLowerCase() || userInput2 === correctAnswer2;toLowerCase() && userInput3 === correctAnswer3.toLowerCase() || userInput1 === correctAnswer1.toLowerCase() && userInput3 === correctAnswer3;toLowerCase()) { printResult("Nice try!"); pointsDiv.innerHTML = `You got ${ userPoints } points.`; } }

Answer 1

我假设您将printResult()作为参考传递给事件侦听器，例如：

document.addEventListener(‘click’, printResult)

事件监听器的回调 function 被传递一个事件 object 作为其第一个参数。 因此，您希望printResult()的签名改为：

function printResult(e, description) {
  userPoints++;
  var userInput1 = answer1.value;
  var userInput2 = answer2.value;
  ...
}

或者，您可以更改事件侦听器的注册，如下所示：

document.addEventListener(‘click’, () => printResult(someDiscription))

其中someDiscription是您想要的任何描述