返回错误值的Javascript innerHTML方法

我正在寻找一些我正在做的数学项目的支持。基本上我已经创建了四个框，并用正确的答案填充其中一个。当我点击正确答案时，

if

语句没有运行；它总是显示为错误的

我附上一个片段，如果有人能看到明显错误的地方，我会很感激你的回复

我只是在框1中尝试一下，看看它是否有效，正确的答案确实会出现在4个框中的1个框中，但是它总是说这是错误的答案，即使正确的答案出现在

框1

中

document.getElementById("box1").onclick = function() {
  if (playing == true) {
    if (this.innerHTML == correctAnswer) {
      score++;
      document.getElementById("scorevalue").innerHTML = score;
      hide("wrong");
      show("correct");
      setTimeout(function() {
        hide("correct");
      }, 1000);
    } else {
      hide("correct");
      show("wrong");
      setTimeout(function() {
        hide("wrong");
      }, 1000);
    }
  }
}

---

不要用

==

比较两个值，而是在if语句中尝试

==

。

---

示例：

if（playing==true）{

这很可能与您的HTML以及您设置标记的方式有关。例如，如果

box1

是一个div，那么如果您的代码如下所示：

<div id="box1">
    answer
</div>

然后您将始终得到返回的

false

为了解决此问题，请更改HTML，如下所示：

<div id="box1">answer</div>

答案

基本上删除换行符

---

其他一切似乎都很好。

欢迎来到StackOverflow！为了让我们更好地帮助您，请您更新您的问题，使其在a中显示所有相关代码，包括您的

hide（）

和

show（）

函数，以及相关的HTML和CSS？如果没有它，复制此问题有点困难。有关更多信息，请参阅帮助文章，并以：）您能否提供一个JSFIDLE示例，以便我们可以“调试”它？首先通过执行

console.log检查
innerHTML
实际上等于什么（this.innerHTML）；

就在检查

正确答案的
if
之前。事实上，我们无法帮助您，因为我们不知道
innerHTML
是什么。这不可能是正确答案。如果
if
总是返回true，OP会说他的项目总是显示“正确”。
<div id="box1">answer</div>