자바스크립트가 없는 오직 HTML만으로 이루어진 퀴즈 (타이머) 템플릿

 

타이머퀴즈.html

0.00MB

퀴즈는 이런 식으로 보입니다:

문제

 

a.답1

b.답2

c.답3

c.답4

 

 

이 템플릿을 메모장(VS CODE로 열면 한국어 깨짐)으로 열면    <a href="javascript:void(0)" onclick="check_answer('a')">a)1번문제 a</a><br> 가 있는데 여기서 "1번문제"에 문제를 입력해주시고

 

 

var correctAnswers=new Array("1번문제정답 알파벳","2번문제정답 알파벳","3번문제정답 알파벳","4번문제정답 알파벳","5번문제정답 알파벳");  //정답 에는 1번문제정답 알파벳에 정답 알파벳을 써주세요.

 

예) 답: 1:a 2:b 3:c 4:d 5:a 라면

var correctAnswers=new Array("a","b","c","d","a");  //정답 처럼 써주세요! 

 

 

HTML사이트를 브라우저로 열면 상단에 10초 타이머가 있는데 10초 안에 문제 하나를 풀지 못하면 탈락이 됩니다.

타이머의 시간을 변경하려면 메모장에서 var delay=10; //시간설정 에 있는 10이라는 숫자를 원하는 타이머 시간으로 변경해주세요!

 

퀴즈가 끝나면

당신은 5문제중 0개를 맞췄습니다. 이라는 문구가 뜨는데 이 문구도 수정하려면         document.all.quizScore.innerHTML="당신은 "+(q_num-1)+"문제중 "+score+"개를 맞췄습니다."; 에서 +(q_num-1)+랑 +score+는 기본상태로 해놓고, 당신은, 문제중, 개를 맞췄습니다 만 변경해주새요!  참고로 (q_num-1)은 문제 수 (5문제) 이고 +score+는 맞춘 문제수를 대신하는 변수입니다.

 

참고로 문제수 5개 를 변경하는 방법은 없습니다. (더 연구해 보겠습니다.) 

 

웹사이트의 제목 (탭에 표시되는 제목)을 바꾸려면     <title>제목</title> 에서 제목을 변경해주세요!