Кнопка говорит, что браузер не так, хотя это не так - PullRequest
Новая
       19

Кнопка говорит, что браузер не так, хотя это не так

1 голос
/ 30 апреля 2019

Я тестировал новую веху на кнопке, которую сделал в веб-лаборатории Code.org, когда неожиданно начинает говорить, что используемый мной браузер не поддерживает код.

Я попытался удалить новый код, который я добавил, ничего не произошло.Я пытался исправить ошибки кода, ничего не произошло.Я даже пытался восстановить предыдущий формат кода путем копирования и вставки кода из предыдущего вопроса, ничего не произошло.

Вот текущий код 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.

Этот результат не меняется, что бы я ни пытался.Что мне делать?

1 Ответ

0 голосов
/ 30 апреля 2019

вам нужно иметь 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.";
          }
...