在Code.org HTML Web Lab中，当Javascript变量达到某个数字时，如何为该数字着色？

我正在通过Code.orgWebLab创建一个网站，我在标签中有一个变量，我想在它达到100后重新调用它。在页面的HTML或Javascript部分中，我应该使用什么代码来实现这一点

这对我来说是一个新概念，将Javascript添加到HTML中，所以我在Google和Stack Overflow上查找答案。每一个结果都涉及到为段落中的某些单词着色，或者在javascript变量中保存颜色

下面是页面中包含有问题变量的Javascript：

<script>
      function clickCounter() {
        if (typeof(Storage) !== "undefined") {
          if (localStorage.clickcount) {
            localStorage.clickcount = Number(localStorage.clickcount)+1;
          } else {
            localStorage.clickcount = 1;
          }
          document.getElementById("result").innerHTML = "People have attempted but failed to help me " + localStorage.clickcount + " times.";
        } else {
          document.getElementById("result").innerHTML = "Sorry, your browser does not support helping me.";
        }
      }
    </script>

函数clickCounter（）{
if（类型（存储）！=“未定义”）{
if（localStorage.clickcount）{
localStorage.clickcount=数字（localStorage.clickcount）+1；
}否则{
localStorage.clickcount=1；
}
document.getElementById（“结果”）.innerHTML=“有人试图帮助我，但失败”+localStorage.clickcount+“次。”；
}否则{
document.getElementById（“结果”）.innerHTML=“对不起，您的浏览器不支持帮助我。”；
}
}

下面是与单击变量关联的HTML：

<p><button onclick="clickCounter()" type="button"><b>HELP ME</b></button></p>
    <div id="result"></div>

帮助我

---

代码本身工作得很完美，但我不知道如何在点击100次后给它上色。如果有人能帮助我，我将不胜感激。

您可以在javascript代码中维护一个全局计数变量。 单击按钮时，将其增加1。 当计数等于100时，更改结果的颜色

<script>
function clickCounter() {
    if (typeof(Storage) !== "undefined") {
    if (localStorage.clickcount) {
        localStorage.clickcount = Number(localStorage.clickcount)+1;
        if(localStorage.clickcount == 100){
           document.getElementById("result").style.color = "red";
           localStorage.clickcount = 0;
        }
    } else {
        localStorage.clickcount = 1;
    }
    document.getElementById("result").innerHTML = "People have attempted but failed to help me " + localStorage.clickcount + " times.";
    } else {
    document.getElementById("result").innerHTML = "Sorry, your browser does not support helping me.";
    }
}
</script>

函数clickCounter（）{
if（类型（存储）！=“未定义”）{
if（localStorage.clickcount）{
localStorage.clickcount=数字（localStorage.clickcount）+1；
如果（localStorage.clickcount==100）{
document.getElementById（“结果”）.style.color=“红色”；
localStorage.clickcount=0；
}
}否则{
localStorage.clickcount=1；
}
document.getElementById（“结果”）.innerHTML=“有人试图帮助我，但失败”+localStorage.clickcount+“次。”；
}否则{
document.getElementById（“结果”）.innerHTML=“对不起，您的浏览器不支持帮助我。”；
}
}

考虑到您没有添加要更改颜色的元素，我将在此处添加一个

您可以使用

.style.color

更改元素的文本颜色。 大多数CSS样式都可以使用进行修改

样式应用于1个HTML元素以及该特定元素中的所有内容，因此，如果将颜色应用于

，则整个内容的颜色都将发生更改

要解决这个问题，您必须更改HTML，以便能够针对您想要更改的特定部分。在这里，我包装了

localStorage。使用
单击count

然后，当

localStorage.clickcount>=100

时，您可以将目标设置为

recolor

，并更改其颜色

<script>
function clickCounter() {
  if (typeof(Storage) !== "undefined") {
    if (localStorage.clickcount) {
      localStorage.clickcount = Number(localStorage.clickcount)+1;
    } else {
      localStorage.clickcount = 1;
    }
    document.getElementById("result").innerHTML = "People have attempted but failed to help me <span id='recolor'>" + localStorage.clickcount + "</span> times.";

    if (localStorage.clickcount >= 100) {
      document.getElementById("recolor").style.color = "blue";
    }
  } else {
    document.getElementById("result").innerHTML = "Sorry, your browser does not support helping me.";
  }
}
</script>


<p><button onclick="clickCounter()" type="button"><b>HELP ME</b></button></p>
<div id="result"></div>

函数clickCounter（）{
if（类型（存储）！=“未定义”）{
if（localStorage.clickcount）{
localStorage.clickcount=数字（localStorage.clickcount）+1；
}否则{
localStorage.clickcount=1；
}
document.getElementById（“结果”）.innerHTML=“有人试图帮助我，但失败”+localStorage.clickcount+“次。”；
如果（localStorage.clickcount>=100）{
document.getElementById（“Recoor”）.style.color=“蓝色”；
}
}否则{
document.getElementById（“结果”）.innerHTML=“对不起，您的浏览器不支持帮助我。”；
}
}
帮帮我

您可以添加HTML代码吗？整个页面？如果没有，有多少？所有相关信息。好的，我现在就做。好的，我已经添加了您想要的HTML。不需要全局变量，因为他已经将变量存储在localStorage中。他只需要检查它的值，并在达到100时更改样式。问题是，我不知道如何在JavaScript中更改文本颜色。。。如果你能告诉我，那太好了！document.getElementById（“结果”）.style.color=“红色”；这就是如何更改TextColor的方法，是的，您不需要该全局变量。我为您更改了，recolour文本是标签中变量的数字。它通过底部的显示。@DragonSlayr15001答案已被编辑以执行您想要执行的操作。