如何在HTML中添加条件按钮功能？

问题描述

我是一个尝试制作渐进式网站的新手。我希望用户通过每个级别的7个测试，只有成功完成4/7个测试的用户才能被允许进入下一个级别（网页）。如何将4/7成功完成的条件检查添加到我的按钮上，从而将用户带到下一页？

解决方法

在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;
    }
}

希望这对您有所帮助☺

conditional-statements html web