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

希望這有幫助☺