Блог

Я новичок, пытающийся создать прогрессивный веб-сайт. Я хочу, чтобы пользователи проходили по 7 тестов на каждом уровне, и только в том случае, если они успешно завершат 4/7 тестов, им будет разрешено перейти на следующий уровень (веб-страница). Как мне добавить эту проверку условий из 4/7 успешных завершений к моей кнопке, которая приведет пользователя на следующую страницу?

Установите для отображения кнопки значение none в css

 #buttonToNextPage{
    display : none;
}
  

Использование переменной в javascript для отслеживания количества тестов, на которые ответил ваш пользователь. Переменная может начинаться с 1 и доходить до 4

 var testAnswered = 1;
  

Каждый раз, когда пользователь отвечает на новый тест, вы можете увеличивать число на 1, запуская функцию. После увеличения внутри функции вы должны проверить, достигло ли значение 4. Если да, вы отображаете кнопку с помощью javascript. Функция должна выглядеть примерно так:

 function newTestAnswered(){
    testAnswered = testAnswered   1;
    if(testAnswered == 4){
        document.querySelector('#buttonToNextPage').style.display = block;
    }
}
  

Надеюсь, это помогло☺