1

我正在测试我在 Code.org Web Lab 中制作的按钮上的一个新里程碑，突然间，它开始说我正在使用的浏览器不支持该代码。

我尝试删除我添加的新代码，没有任何反应。我尝试修复代码错误，没有任何反应。我什至尝试通过复制和粘贴上一个问题的代码来恢复以前的代码格式，但什么也没发生。

这是当前的 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 <span id='recolor'>" + localStorage.clickcount + "</span> times.";

          if (localStorage.clickcount >= 100) {
            document.getElementById("recolor").style.color = "#bc5c18";
          }
          if (localStorage.clickcount >= 250) {
            document.getElementById("recolor").style.color = "#c9c9c9";
          }
          if (localStorage.clickcount >= 500) {
            document.getElementById("recolor").style.color = "#e5d860";
          }
          if (localStorage.clickcount >= 1000) {
            document.getElementById("recolor").style.color = "#6af2eb";
          }
          if (localStorage.clickcount >= 5000) {
            document.getElementById("recolor").style.color = "#42f456";
          }
          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>

我希望它输出这个结果：

People have attempted and failed to help me x times

但它给出的实际输出是：

Sorry, your browser doesn't support helping me.

无论我尝试什么，这个结果都不会改变。我该怎么办？

4

1 回答 1

0

你需要有else if

          if (localStorage.clickcount <= 100) {
            document.getElementById("recolor").style.color = "#bc5c18";
          }
          else if (localStorage.clickcount <= 250) {
            document.getElementById("recolor").style.color = "#c9c9c9";
          }
          else if (localStorage.clickcount <= 500) {
            document.getElementById("recolor").style.color = "#e5d860";
          }
          else if (localStorage.clickcount <= 1000) {
            document.getElementById("recolor").style.color = "#6af2eb";
          }
          else if (localStorage.clickcount <= 5000) {
            document.getElementById("recolor").style.color = "#42f456";
          }
          else {
          document.getElementById("result").innerHTML = "Sorry, your browser does not support helping me.";
          }
于 2019-04-30T01:33:00.703 回答