姫路検定

fullscreen

Atsuko_Takano

あなたの姫路力を試す検定です．ぜひ試してみてください．

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

/*
This is a Example program to retrieve and display the data. 
Press the Run button on the right of the screen (described the behavior of the Example program below). 
Please create a new application rewrite this program work. 
*/
var max = 12;
var category_q_num = 4;
var count = 0;
var correct_num = 0;
var all_q_data;
var q_data;

Array.prototype.shuffle = function() {
    var i = this.length;
    while(i){
        var j = Math.floor(Math.random()*i);
        var t = this[--i];
        this[i] = this[j];
        this[j] = t;
    }
    return this;
}

function next(){
                $("#contents").empty();
                if(count < max){
                    count++;
                    var tmp_q = q_data[count-1];                    
                    var q = $("<div id='question'>"); 
                    var c = $("<h1>第<span id='count'>"+count+"</span>問</h1>");
                    var h3 = $("<h3>"+tmp_q.q+"</h3>");
                    var choices = $("<div id='choices'/>"); 
                    var choice = [$("<div><input type='radio' name='answer' value='1'>"+tmp_q.c1+"</div>"),$("<div><input type='radio' name='answer' value='2'>"+tmp_q.c2+"</div>"),$("<div><input type='radio' name='answer' value='3'>"+tmp_q.c3+"</div>"),$("<div><input type='radio' name='answer' value='4'>"+tmp_q.c4+"</div>")];
                    choice.forEach(function(e, i, a){
                        choices.append(e);        
                    });
                    var checkbtn = $("<div class='button'><input type='submit' value='解答' onclick='check()'></div>");

q.append(c);
                    q.append(h3);
                    q.append(choices);
                    q.append(checkbtn);
					$("#contents").append(q);
                }else{
                    finish();
                }  
}
            function check(){
				// 解答が選択されているかチェック
				if ($("input:radio[name='answer']:checked").val()){
	                // 正解をチェック
                	var flg = false;
					var user_a = $("input:radio[name='answer']:checked").val();
                	var a_idx = q_data[count-1].a;
					var a_str = q_data[count-1]["c"+a_idx]
					if (user_a == a_idx){
						flg = true
					}
                	var detail_url = q_data[count-1].detail;
					
					$("#contents").empty(); 
                	var a = $("<div id='answer'/>"); 
                	a.append("正解は，「<span id='correct_answer'>"+a_str+"</span>」です！");
                
                	if(flg){
                    	a.append("<div id='correct'>○</div>");
                    	correct_num++; 
                	}else{
                   		a.append("<div id='wrong'>×</div>");
                	}
                    if(detail_url.match(/(http|ftp):\/\/[!#-9A-~]+\.+[a-z0-9]+/i)){
                	a.append("<div id='detail'>詳しい解説は下のリンクからどうぞ．<br/><a href='"+detail_url+"' target='_blank'>"+detail_url+"</a></div>");
					}else{
                	a.append("<div id='detail'>＜出典＞<br/>"+detail_url+"</div>");
					}
                
                	if (count < max){
                	    a.append("<div class='button'><input type='button' value='次の問題へ' onclick='next()'></div>");
            	    }else{
        	            a.append("<div class='button'><input type='button' value='最終結果' onclick='finish()'></div>");
    	            }
	                $("#contents").append(a);

}else{
					alert("解答を選択してください");
				}
            }

window.onload = function() {
    $(function(){
    	initialize();        
    });	
};

Initial content

Fork this app as your new one download

Web Search

Contributor Send Message	Atsuko_Takano
Forked from (Parent App)	wintermelon 's 横浜検定
Run count	388
Website
License
Fork count	1
Created date	Oct 14, 2015
Last update date	Dec 2, 2015

Forked from (Parent App)

横浜検定 Contributor: wintermelon Update: Jan 26, 2013 2047 runs

Forked (Child App)

兵庫県検定 Contributor: 高野ゼミ Update: Jan 18, 2016 325 runs

Input Data
Related Ideas

LinkData work list used as input data in this application.
You can change input data and execute application if you change the checkbox.

横浜検定問題・解答集 Contributor: Sayoko Shimoyama Update: Feb 9, 2015
3548 Downloads
,

8 Applications

yokohama_quiz
姫路検定1014 Contributor: Atsuko_Takano Update: Oct 14, 2015
208 Downloads
,

2 Applications

himeji_quiz
Add New Data