간단한 퀴즈 스크립트

조회 수 13009 추천 수 10 05.21
미리보기 :  
http://www.jasko.co.kr/src/20020501/quix.html각 문항마다 제한시간을 둘 수 있는 객관식 퀴즈 스크립트 입니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=euc-kr">
<TITLE> Jasko Sample Script </TITLE>
<style type="text/css">
a,a:active, a:visited {color:blue; text-decoration:none;}
a:hover {color:red; text-decoration:none;}
</style>

<!---- [1단계] 아래의 스크립트를 HEAD 부분에 복사 해 넣으세요 ----->

<script language="javascript">

// 각 문제마다 제한시간을 지정하세요
var delay=10;

// 각 문항의 정답을 입력 하세요
var correctAnswers=new Array("a","a","d","c","d");

var q_num=1;
var timer;
var layer;
var clock=delay;
var score=0;

function show_question(){
        if (layer=eval("document.all.question"+q_num)){
                layer.style.display="inline";
                document.all.timeLeft.innerHTML=clock;
                hide_question();
        } else {
                document.all.timeLeft.innerHTML=0;
                document.all.quizScore.innerHTML="당신은 "+(q_num-1)+" 문제중 "+score+" 문제를 맞추었습니다 ";
                document.all.quizScore.style.display="inline";
        }
}

function hide_question(){
        if (clock>0) {
                document.all.timeLeft.innerHTML=clock;
                clock--;
                timer=setTimeout("hide_question()",1000);
        } else {
                clearTimeout(timer);
                document.all.answerBoard.innerHTML=" ";
                clock=delay;
                layer.style.display="none";
                q_num++;
                show_question();
        }
}

function check_answer(answer){
        if (correctAnswers[q_num-1]==answer){
                score++;
                document.all.answerBoard.innerHTML="<i><b>맞았습니다</b></i>";
        } else {
                document.all.answerBoard.innerHTML="<i><b>틀렸습니다</b></i>";
        }
        clock=0;
        clearTimeout(timer);
        timer=setTimeout("hide_question()",1500);
}

window.onload=show_question;
</script>
</head>

<body>

남은시간 : <span id="timeLeft"></span>  초<br>
<br>
<div id="answerBoard"> </div>
<br>

<!---- [2단계] 아래와 같은 방법으로 질문을 넣으세요 --->


<div id="question1" style="display:none">
<b>1. 우리나라의 대통령 이름은?</b><br>
<a href="javascript:void(0)" onclick="check_answer('a')">a) 김대중</a><br>
<a href="javascript:void(0)" onclick="check_answer('b')">b) 김종팔</a><br>
<a href="javascript:void(0)" onclick="check_answer('c')">c) 이회창</a><br>
<a href="javascript:void(0)" onclick="check_answer('d')">d) 노사연</a><br>
</div>

<div id="question2" style="display:none">
<b>2. 다음중 가수가 아닌사람은?</b><br>
<a href="javascript:void(0)" onclick="check_answer('a')">a) 김형곤</a><br>
<a href="javascript:void(0)" onclick="check_answer('b')">b) 조용필</a><br>
<a href="javascript:void(0)" onclick="check_answer('c')">c) 이미자</a><br>
<a href="javascript:void(0)" onclick="check_answer('d')">d) 조수미</a><br>
</div>

<div id="question3" style="display:none">
<b>3. 국회의원에 대한 설명중 맞는것은?</b><br>
<a href="javascript:void(0)" onclick="check_answer('a')">a) 도둑질</a><br>
<a href="javascript:void(0)" onclick="check_answer('b')">b) 사기</a><br>
<a href="javascript:void(0)" onclick="check_answer('c')">c) 공갈</a><br>
<a href="javascript:void(0)" onclick="check_answer('d')">d) 입법</a><br>
</div>

<div id="question4" style="display:none">
<b>4. 우리나라의 국호는?</b><br>
<a href="javascript:void(0)" onclick="check_answer('a')">a) 조선</a><br>
<a href="javascript:void(0)" onclick="check_answer('b')">b) 한국</a><br>
<a href="javascript:void(0)" onclick="check_answer('c')">c) 대한민국</a><br>
<a href="javascript:void(0)" onclick="check_answer('d')">d) 한국공화국</a><br>
</div>

<div id="question5" style="display:none">
<b>5. 다음중 우리나라에 오지 않았던 사람은?</b><br>
<a href="javascript:void(0)" onclick="check_answer('a')">a) 부시</a><br>
<a href="javascript:void(0)" onclick="check_answer('b')">b) 포드</a><br>
<a href="javascript:void(0)" onclick="check_answer('c')">c) 박찬호</a><br>
<a href="javascript:void(0)" onclick="check_answer('d')">d) 링컨</a><br>
</div>

<div id="quizScore" style="display:none">
</div>

<!-------------- 여기까지 ---------------->

</body>
</html>

엮인글 :
http://javascript.co.kr/index.php?document_srl=8287&act=trackback&key=89e
List of Articles
번호 제목 조회 수
52 [게임] 숫자 맞추기 20423
51 재미있는 핑퐁게임 file [1] 16292
50 탑쌓기 - 하노이 솔버 file 12851
49 [게임] 수퍼마리오2 file [1] 14340
48 [게임] 러시안 룰렛 자살게임 file 47011
47 레벨선택이 가능한 Tic-Tac-Toe 게임 file 12529
» 간단한 퀴즈 스크립트 13009
45 [게임] 순발력 테스트 12699
44 [게임] 내 수학 실력은 어느정도 일까? 12024
43 [게임] 클래식 테트리스 file 14625
42 간단한 빙고 게임 file [1] 17250
41 [게임] 로켓 격추게임 file 11226
40 이미지 맞추기 퍼즐 게임 file 14606
39 기억력 테스트 - 한번 본 조각그림을 맞추는 게임입니다 file 10191
38 [게임] 체크박스 모두 체크하기 10101
37 [게임] 라디오버튼 누르기 게임 9061
36 [게임] 숨어있는 스파이를 찾아라 file 11317
35 [게임] 비행시뮬레이션 file 12596
34 [게임] 상자 만들기 file [1] 11314
33 [게임] 주사위 포커게임 13161