如何添加next和prev按鈕元素與內聯屬性

Question

我想創建一個基於Web的##電子考試應用程序##。我不希望每次顯示大約40個問題，而是希望一次顯示一個問題，然後使用導航按鈕來回瀏覽。嘗試使用class="fancybox-buttons「在包含每個問題的每個div標籤中，但它不起作用

Answer 1

只需爲每個問題創建一個隱藏字段，並將其作爲值添加到該問題的URI中，然後通過由onclick（） 。事件名稱由題號，例如，1.HTML，2.HTML等

對於第一個問題的html頁面，插入：

<input type='hidden' value='1' id='question'/> 

對於導航按鈕，

<input type='button' value='Prev' onclick="getPrevious(document.getElementById('question');"/> 
<input type='button' value='Next' onclick="getNext(document.getElementById('question');"/> 

對於JS：

<script> 
function getPrevious(question) { 
    if(question.value == 1) { 
     return; 

    } else { 
     window.location = (question.value - 1) + ".html"; 
    } 
} 

function getNext(question) { 
    if(question.value == 40) { 
     return; 

    } else { 
     window.location = (question.value + 1) + ".html"; 
    } 
} 
</script>