현재 퀴즈에 실패하면 다음 퀴즈 표시 안 함

Question

퀴즈 시스템을 실행하고 한 번에 하나의 질문 만 표시하는 시스템을 만듭니다.

이제 문제가 있습니다. 나는 현재의 질문에 대한 대답이 틀리면 다음 질문을 보여 주거나 더 나은 질문을하지 말아야한다. 그러나 그것의 무작위 질문.

$('.cont').addClass('hide'); 
    count=$('.questions').length; 
    $('#question'+1).removeClass('hide'); 



    $(document).on('click','.next',function(){ 
     last=parseInt($(this).attr('id'));  
     nex=last+1; 
     $('#question'+last).addClass('hide'); 

     $('#question'+nex).removeClass('hide'); 
    }); 

Answer 1

# 1 : 여기

페이지의 스크린 샷이다 $('.next').click(function(){ ... })

# 2 : 난 당신이 있다고 생각 다음과 같이 클릭에 대한 이벤트가 더 발견 var nex에 오타가 있으며 원래 정의가 표시되지 않습니다. 항상 var x = val으로 JS 변수를 선언해야한다는 것을 기억하십시오. 그런 다음 var 키워드없이 값을 수정할 수 있습니다.

# 3 : 숨기기 클래스를 추가하거나 제거 할 필요가 없으므로 jQuery가 자동으로 처리합니다. .hide() 및 .show()을 수행하고 애니메이션을 사용자 정의 할 수도 있습니다. this website을 확인하십시오.

# 4 : 매우 간단하게 처리 할 수 ​​있습니다. 나는 그것이 정말로 명백하고 일직선 일종의 종류라고 생각하지만 프로그래밍에 대한 아주 기본적인 지식이 있다고 가정하여 설명 할 것입니다. 당신은 질문에 대한 정답을 가진 목록/사전을 가져야하고, 사용자가 입력 한 대답을 확인할 수 있어야합니다. 정답과 일치하면 다음 질문을로드합니다. 틀린 경우, 해당 질문을 숨기고 새 질문을로드하십시오. 사용자의 대답도 저장해야합니다.

나는 당신이 체크 박스를 어떻게하는지에 대해 HTML을 제공하지 않았거나 정답으로 목록을 표시했기 때문에 코드를 작성하지 않을 것이다. 그것은 당신의 일이 될 것입니다. 이제 당신은 이미 어떤 지침을 가지고 있으며, 더 이상의 문제가 있다면 다른 질문을 할 수 있습니다.

UX의 관점에서 # 5, 사용자가 질문에 실패하면 첫 번째 대답으로 되돌아 가지 않습니다. 그것은 매우 성가시다. 정상적인 것은 사용자에게 모든 질문을하고 퀴즈 점수를 표시하는 것입니다. 게임 인 경우 정답을 제공하는지 여부에 따라 이동 중에 보상을주고 싶다면 남은 시간을 초/분으로 뺄 수 있습니다.