如何在 html 中添加条件按钮 function？

Question

我是一个试图制作一个渐进式网站的新手。 我希望用户通过每个级别的 7 次测试达到 go，只有成功完成 4/7 测试，他们才能进入下一个级别（网页）。 如何将 4/7 成功完成的条件检查添加到我的按钮中，这会将用户带到下一页？

Answer 1

在 css 中将按钮的显示设置为无

#buttonToNextPage{
    display : none;
}

使用 javascript 中的变量来跟踪用户已回答的测试数量。 变量可以从 1 开始，go 最多 4

var testAnswered = 1;

每次用户回答新测试时，您可以通过触发 function 将数字加 1。 递增后，在 function 中，您应检查该值是否已达到 4。如果是，则使用 javascript 显示按钮。 function 必须如下所示：

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

希望这有帮助☺