window.onload = function(){ document.getElementById('button1').onclick = function(){push(1);} document.getElementById('button2').onclick = function(){push(2);} document.getElementById('button3').onclick = function(){push(3);} document.getElementById('button4').onclick = function(){push(4);} document.getElementById('div1').onclick = function(){push(1);} document.getElementById('div2').onclick = function(){push(2);} document.getElementById('div3').onclick = function(){push(3);} document.getElementById('div4').onclick = function(){push(4);} document.getElementById('start_button').onclick = function(){start();} document.getElementById('reload_button').onclick = function(){create_questions();} document.getElementById('save_button').onclick = function(){ var q = generate_query_string(); document.getElementById("saved_link").href = dla[0]+"?"+q; alert(q); } document.getElementById('add_button').onclick = function(){ add_question_row("",""); } document.getElementById('exchange_button').onclick = function(){ exchange_table(); create_questions(); } document.getElementById('input_div_button').onclick = function(){ var e = document.getElementById('input_div'); if(e.style.display == "none"){ e.style.display = "block"; } else { e.style.display = "none"; } } var dla = document.location.href.split("?"); dla[1] = "q=" dla[1] += "あきか,もれいづるつきの,あきの,わがころもではつゆ,あけ,なおうらめしき,あさぢ,あまりてなどか,あさぼらけあ,よしののさとに,あさぼらけう,あらわれわたる,あし,ながながしよを,あわぢ,いくよねざめぬ,あはれ,みのいたづらに,あひ,むかしはものを,あふこ,ひとをもみをも,あまつ,をとめのすがた,あまの,みかさのやまに,あらざ,いまひひとたびのあふ,あらし,たつたのかわはの,ありあ,あかつきばかり,ありま,いでそよひとを,いに,けふここのえに,いまこ,ありあけのつきを,いまは,ひとづてならで,うか,はげしかれとは,うら,こひにくちなむ,おく,こえきくときぞ,をぐ,いまひとたびのみゆき,おと,かけじやそでの,おほえ,まだふみもみず,おほけ,わがたつそまに,おも,うきにたえぬは,かく,さしもしらじな,かさ,しろきをみれば,かぜそ,みそぎぞなつの,かぜを,くだけてものを,きみがためは,わがころもでにゆき,きみがためを,ながくもがなと,きり,ころもかたしき,こころあ,おきまどわせる,こころに,こひしかるべき,こぬ,やくやもしほの,この,もみぢのにしき,こひ,ひとしれずこそ,これ,しるもしらぬも,さ,いづこもおなじ,しの,ものやおもふと,しら,つらぬきとめぬ,す,ゆめのかよひぢ,せ,われてもすゑに,たか,とやまのかすみ,たき,なこそながれて,たご,ふじのたかねに,たち,まつとしきかば,たま,しのぶることの,たれ,まつもむかしの,ちぎりを,あはれことしの,ちぎりき,すゑのまつやま,ちは,からくれなゐ,つき,わがみひとつの,つく,こひぞつもりて,ながか,みだれてけさは,ながら,うしとみしよぞ,なげき,いかにひさしき,なげけ,かこちがほなる,なつ,くものいづこに,なにし,ひとにしられで,なにはえ,みをつくしてや,なにはが,あはでこのよを,はなさ,ふりゆくものは,はなの,わがみよにふる,はるす,ころもほすちょう,はるの,かひなくたたむ,ひさ,しづこころなく,ひとは,はなぞむかしの,ひとも,よをおもうゆゑに,ふ,むべやまかぜそ,ほ,ただありあけのつきぞ,みかき,ひるはきえつつ,みかの,いつみきとてか,みせ,ぬれにぞぬれし,みち,みだれそめにし,みよ,ふるさとさむく,む,きりたちのぼる,め,くもがくれにし,もも,なほあまりある,もろ,はなよりほかに,やす,かたぶくまでの,やへ,ひとこそみえね,やまが,ながれもあへぬ,やまざ,ひとめもくさも,ゆふ,あしのまろやに,ゆら,ゆくへもしらぬ,よのなかは,あまのをぶねの,よのなかよ,やまのおくにも,よも,ねやのひまさえ,よを,よにあふさかの,わがい,よをうぢやまと,わがそ,ひとこそしらね,わすら,ひとのいのちの,わすれ,けふかぎりの,わたのはらこ,くもゐにまがふ,わたのはらや,ひとにはつげよ,わび,みをつくしても," if(dla.length > 2){ add_question_row("",""); } else { document.getElementById('input_div').style.display="none"; if(dla[1].startsWith("f")){ var sc = document.createElement("script"); sc.src = dla[1].substring(dla[1].indexOf("=")+1); document.body.appendChild(sc); //// q="A,a,b,B,C,c,D,d,E,E"; ////startWithQuery(q); } else { parse_query_string(dla[1].substring(dla[1].indexOf("=")+1)); create_questions(); start(); } } exchange_table(); create_questions(); start(); } function startWithQuery(q){ parse_query_string(q); create_questions(); start(); } function push(v){ // alert(v); if(state == 0){ start(); return;} flag = (v == correct_answer) || (questions[loaded[(v-1)]]['content'] == questions[loaded[(correct_answer-1)]]['content']); updateQuestionCandidate(flag); if(flag){ show_message("あたり!!"); count ++; } else { message = "「"+questions[loaded[(correct_answer-1)]]['content']+"」は「"+questions[loaded[(correct_answer-1)]]['value']+"」" show_message("外れ！「"+questions[loaded[(v-1)]]['content']+"」は「"+questions[loaded[(v-1)]]['value']+"」で"+message+"だよ"); } state ++; if(state > state_max){ add_message(100*count/state_max); add_message("てん"); add_message("達成率："+Math.floor((1-(question_candidates.length-questions.length)/questions.length)*100)+"%"); state = 0; } else { loadQuestion(); } } function start(){ if(questions.length < 4){ show_message("問題の数が少なすぎるよ!!"); } else { 　　state = 1; 　　count = 0; show_message("Start!!"); loadQuestion(); used_questions_index = new Array(); } } function getNewQuestion(){ var sc = 0; do { question_index = question_candidates[Math.floor(Math.random()*question_candidates.length)]; sc ++; if(sc > question_candidates.length*2){ used_questions_index = new Array(); //reset } } while(used_questions_index.indexOf(question_index) >= 0); return question_index; } function updateQuestionCandidate(flag){ if(flag){ question_candidates.some(function(v,i){ if(v == question_index) question_candidates.splice(i,1); }); if(question_candidates.indexOf(question_index)< 0){ question_candidates.push(question_index); // at least one } } else { question_candidates.push(question_index); } } function loadQuestion(){ var c = getNewQuestion(); used_questions_index.push(c); add_message('では「'+questions[c]['value']+'」は？'); loaded = new Array(); loaded.push(c); while(loaded.length< 4){ // alert(loaded); var cc = Math.floor(Math.random()*questions.length); if(loaded.indexOf(cc) < 0){ loaded.splice(Math.floor(Math.random()*(loaded.length+1)),0,cc); } } for(var i = 0; i < loaded.length; i ++){ document.getElementById('div'+(i+1)).innerHTML = questions[loaded[i]]['content']; } //correct_answer correct_answer = loaded.indexOf(c)+1; } function show_message(m){ // alert("show:"+m); document.getElementById('message_div').innerHTML = m } function add_message(m){ // alert("add:"+m); document.getElementById('message_div').innerHTML += m } function exchange_table(){ var trs = document.getElementById("question_table").children; for(var i = 0; i < trs.length; i ++){ if(trs[i].children[0].children[0].value&&trs[i].children[1].children[0].value){ var t = trs[i].children[0].children[0].value; trs[i].children[0].children[0].value = trs[i].children[1].children[0].value; trs[i].children[1].children[0].value = t; } } } function add_question_row(value,content){ var tr = document.createElement("tr"); var td = document.createElement("td"); td.className = "question_row"; var ti = document.createElement("input"); if(value){ ti.value = value;} td.appendChild(ti); tr.appendChild(td); td = document.createElement("td"); td.className = "question_row"; ti = document.createElement("input"); if(content){ ti.value = content;} td.appendChild(ti); tr.appendChild(td); document.getElementById("question_table").appendChild(tr); } function create_questions(){ var trs = document.getElementById("question_table").children; questions = new Array(); for(var i = 0; i < trs.length; i ++){ if(trs[i].children[0].children[0].value&&trs[i].children[1].children[0].value){ questions.push({"value":trs[i].children[0].children[0].value, "content":trs[i].children[1].children[0].value}); // alert(trs[i].children[0].children[0].value+":"+trs[i].children[1].children[0].value); } } question_candidates.length = 0; for(var i = 0; i < questions.length; i ++){ question_candidates.push(i); question_candidates.push(i); } } function esc(s){ // return s.replace(",","."); return escape(s); } function unesc(s){ return unescape(s); } function generate_query_string(){ var trs = document.getElementById("question_table").children; var r = "q="; for(var i = 0; i < trs.length; i ++){ if(trs[i].children[0].children[0].value&& trs[i].children[1].children[0].value){ r += esc(trs[i].children[0].children[0].value)+","; r += esc(trs[i].children[1].children[0].value)+","; } } return r; } function parse_query_string(s){ var sa = s.split(","); for(var i = 0; i < sa.length; i += 2){ if(sa[i] && sa[i+1]){ add_question_row(unesc(sa[i]), unesc(sa[i+1])); } } } var state = 0; var state_max = 10; var count = 0; var correct_answer = 0; var question_index = -1; var used_questions_index = new Array(); var question_candidates = new Array(); var loaded = new Array(); var questions ;