@bed
Я люблю соленые огурцы

Почему не работает счетчик правильных ответов?

Сделал вот такой код для подсчета правильных ответов на js, но при переходе на следующую страницу с вопросом счетчик сбрасывается до дефолтных значений

var count = 0;
function otvet(){
    
    document.getElementById("otvet").style.display = "block";
    document.getElementById("next").style.display = "block";
    document.body.scrollTop = 1000;
    count++;
};

function wrong(){
  document.getElementById("wrong").style.display = "block";
  document.getElementById("next").style.display = "block";
  document.body.scrollTop = 1000;
};


файл index.html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>replit</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <script src="https://qna.habr.com/script.js"></script>
    <button href="" class="gradient-button" value="Click" onmousedown="wrong(), bottomm()">1</button>
    <button href="" class="gradient-button" value="Click" onmousedown="otvet(), bottomm()">2</button>
    <h3 id="otvet" class="otvet">Верно</h3>
    <h3 id="wrong1" class="wrong">Неверно</h3>
    <a href="index2.html">след. вопрос</a>
  </body>
</html>


файл index2.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>replit</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <script src="https://qna.habr.com/script.js"></script>
    <button href="" class="gradient-button" value="Click" onmousedown="wrong(), bottomm()">1</button>
    <button href="" class="gradient-button" value="Click" onmousedown="otvet(), bottomm()">2</button>
    <h3 id="otvet" class="otvet">Верно</h3>
    <h3 id="wrong1" class="wrong">Неверно</h3>
    <a href="">след. вопрос</a>
  </body>
</html>
  • Вопрос задан
  • 65 просмотров
Пригласить эксперта
Ответы на вопрос 1
@PochemuIKak
Тут 2 варианта: либо вы сохраняете где-либо значение счётчика (например в localStorage), а при переходе на другую страницу в js файле получаете его и заносите в счётчик, либо делаете все вопросы на 1 странице. Почему? Потому что при переходе на другую html страницу весь код js стартует по новой.
// на первой странице
localStorage.setItem('counter', count);
// на другой странице
count = localStorage.getItem('counter');
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы