인라인 속성을 사용하여 요소에 next 및 prev 버튼을 추가하는 방법

Question

웹 기반 ## e-exam 앱 ##을 만들려고합니다. 시간에 약 40 개의 질문을 표시하는 대신 한 번에 하나씩 질문을 표시하고 탐색 버튼을 사용하여 앞뒤로 탐색 할 수 있습니다. class="fancybox-buttons "을 사용하여 각 질문에 포함 된 각 div 태그에서 시도했지만 작동하지 않음

Answer 1

질문의 URI를 값으로 사용하여 각 질문에 숨겨진 필드를 만들면 onclick()에서 호출 한 JS 함수로 읽습니다. . 이벤트 등을 질문 번호, 예를 들어, 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>