具有DOM事件处理程序的Javascript运算符不工作

我正在编写一个游戏，当游戏结束时，我想根据分数显示一个特定的文本

以下是我编写的代码：

    <div id="game-over">
      <h3><font color="orange">Tu as courus <span id="score"></span> mètres, tu peux faire mieux (ou pas)</font></h3>
      <h1 id="customegotext" onmouseover="mouseOver()" onmouseout="mouseOut()">Passe ta souris içi</h1>
      <a href="javascript:void(0)" class="button restart">Réessayer ?</a>
    </div>
  </div>
  <script>
      var scoretext;
    document.getElementById("score")
    if (score < 45) {
        scoretext = "Text1";
    } else if (score > 100 ) {
        scoretext = "Text2";
    } else if (score > 500 ) {
        scoretext = "Text3";
    } else if (score > 750 ) {
        scoretext = "Text4";
    } else {
        scoretext = "Text5";
    }
    document.getElementById("customegotext").innerHTML = scoretext;
function mouseOver() {
    document.getElementById("customegotext").style.color = "orange";
}

function mouseOut() {
    document.getElementById("customegotext").style.color = "black";
}
</script>

你是库鲁斯·梅特雷斯，你是公平的
索里斯一世之旅
文本；
document.getElementById（“分数”）
如果（分数<45）{
scoretext=“Text1”；
}否则，如果（分数>100）{
scoretext=“Text2”；
}否则，如果（分数>500）{
scoretext=“Text3”；
}否则如果（分数>750）{
scoretext=“Text4”；
}否则{
scoretext=“Text5”；
}
document.getElementById（“CustomeGetText”）.innerHTML=scoretext；
函数mouseOver（）{
document.getElementById（“CustomeGetText”）.style.color=“橙色”；
}
函数mouseOut（）{
document.getElementById（“CustomeGetText”）.style.color=“黑色”；
}

问题是它总是显示“text5”

谢谢你的帮助，请记住我是一个编码初学者

---

备注：“分数”值在单独的.js文件中定义。

您没有在任何地方设置分数。 如下设置

var score=document.getElementById（“score”）.innerHTML

检查这里
您没有在任何地方设置分数。
如下设置
var score=document.getElementById（“score”）.innerHTML

在这里检查它
分数
只是一个DOM对象（因为id默认为全局属性），这里需要它的值进行比较

score = document.getElementById("score").innerHTML

现在，它将具有您可以比较其他
数字的值

另外，当
span
中有值时，需要执行此调用

上面发布的代码只是在页面加载时进行比较，而span为空
 
score
只是一个DOM对象（因为id默认成为全局属性），这里需要它的值进行比较

score = document.getElementById("score").innerHTML

现在，它将具有您可以比较其他
数字的值

另外，当
span
中有值时，需要执行此调用

上面发布的代码只是在页面加载时进行比较，而span为空
 将脚本代码替换为以下代码：

<script>
    var scoretext;

    score = document.getElementById("score");

    if (score < 45) {
        scoretext = "Text1";
    } else if (score > 100 ) {
        scoretext = "Text2";
    } else if (score > 500 ) {
        scoretext = "Text3";
    } else if (score > 750 ) {
        scoretext = "Text4";
    } else {
        scoretext = "Text5";
    }

    document.getElementById("customegotext").innerHTML = scoretext;

    function mouseOver() {
        document.getElementById("customegotext").style.color = "orange";
    }

    function mouseOut() {
        document.getElementById("customegotext").style.color = "black";
    }
</script>


文本；
score=document.getElementById（“score”）；
如果（分数<45）{
scoretext=“Text1”；
}否则，如果（分数>100）{
scoretext=“Text2”；
}否则，如果（分数>500）{
scoretext=“Text3”；
}否则如果（分数>750）{
scoretext=“Text4”；
}否则{
scoretext=“Text5”；
}
document.getElementById（“CustomeGetText”）.innerHTML=scoretext；
函数mouseOver（）{
document.getElementById（“CustomeGetText”）.style.color=“橙色”；
}
函数mouseOut（）{
document.getElementById（“CustomeGetText”）.style.color=“黑色”；
}
将脚本代码替换为以下代码：

<script>
    var scoretext;

    score = document.getElementById("score");

    if (score < 45) {
        scoretext = "Text1";
    } else if (score > 100 ) {
        scoretext = "Text2";
    } else if (score > 500 ) {
        scoretext = "Text3";
    } else if (score > 750 ) {
        scoretext = "Text4";
    } else {
        scoretext = "Text5";
    }

    document.getElementById("customegotext").innerHTML = scoretext;

    function mouseOver() {
        document.getElementById("customegotext").style.color = "orange";
    }

    function mouseOut() {
        document.getElementById("customegotext").style.color = "black";
    }
</script>


文本；
score=document.getElementById（“score”）；
如果（分数<45）{
scoretext=“Text1”；
}否则，如果（分数>100）{
scoretext=“Text2”；
}否则，如果（分数>500）{
scoretext=“Text3”；
}否则如果（分数>750）{
scoretext=“Text4”；
}否则{
scoretext=“Text5”；
}
document.getElementById（“CustomeGetText”）.innerHTML=scoretext；
函数mouseOver（）{
document.getElementById（“CustomeGetText”）.style.color=“橙色”；
}
函数mouseOut（）{
document.getElementById（“CustomeGetText”）.style.color=“黑色”；
}
您能显示定义“分数”的文件吗？或者至少是这个文件中的一个代码示例？我想到的第一件事是“分数”没有被正确修改。你是如何填充
分数的？看起来它是空的加法，您可以在
if。。否则，如果…
block:
console.info（'score='，score）
然后让我们知道打印的内容。我有一种预感，您认为行
document.getElementById（“score”）
正在为变量“score”分配id=score的元素值，但它没有这样做。可能您必须在if条件score=document.getElementById（“score”）之前这样分配score；您能显示定义“分数”的文件吗？或者至少是这个文件中的一个代码示例？我想到的第一件事是“分数”没有被正确修改。你是如何填充
分数的？看起来它是空的加法，您可以在
if。。否则，如果…
block:
console.info（'score='，score）
然后让我们知道打印的内容。我有一种预感，您认为行
document.getElementById（“score”）
正在为变量“score”分配id=score的元素值，但它没有这样做。可能您必须在if条件score=document.getElementById（“score”）之前这样分配score@k0spwn能否请您提醒（分数）；after score变量并显示值当游戏开始时，显示的值为当前分数，当游戏结束时显示nothing@k0spwn你能不能提醒一下（分数）；after score变量并显示值当游戏开始时，显示的值为当前分数，当游戏结束时，不显示任何值