ソースは下記
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<script src="jq/jquery-1.10.2.min.js"></script>
<title>2次方程式</title>
</head>
<script type="text/javascript"><!--
myHit = 0; // 正解数
myNowCnt = 0; // 問題の番号
myLastCnt = 10; // 問題の数
var myy1,myy2,myy3,myy4,myy5,myy6,myy7,myy8;
var qqaa=new Array();
var qqab=new Array();
var qqac=new Array();
var qqad=new Array();
var qqae=new Array();
var qqaf=new Array();
var qqag=new Array();
var qqah=new Array();
var qqcc=new Array();
var aaaa=new Array();
var aabb=new Array();
function mySet(){
myy1 = Math.floor(Math.random()*9)+1;
myy2 = Math.floor(Math.random()*9)+1;
myy3 = Math.floor(Math.random()*9)+1;
myy4 = Math.floor(Math.random()*9)+1;
myy5 = (myy1 * myy2) + (myy3 * myy4);
myy6 = Math.floor(Math.random()*9)+1;
myy7 = Math.floor(Math.random()*9)+1;
myy8 = (myy6 * myy2) - (myy7 * myy4);
var pp1 = "";
var pp2 = "";
pp1 += myy1;
pp1 += "X+";
pp1 += myy3;
pp1 += "Y=";
pp1 += myy5; //方程式１つ目
pp2 += myy6;
pp2 += "X-";
pp2 += myy7;
pp2 += "Y=";
pp2 += myy8; //方程式２つ目
document.getElementById('atoi').innerHTML = pp1; //方程式１つ目をid=atoi へ
document.getElementById('btoi').innerHTML = pp2; //方程式2つ目をid=btoi へ
document.myForm.myFormA1.value = ""; //Xの入力 場所
document.myForm.myFormA2.value = ""; // Yの入力場所
}
// 入力した答えが正解か不正解かを判定する関数 (答えを入力して、[OK]ボタンを押した時の処理)
function myCheck(){
myA1 = eval(document.myForm.myFormA1.value); //
myA2 = eval(document.myForm.myFormA2.value); //
if ( myA1 == myy2 && myA2 == myy4 ){ // 答えと入力した値は等しいか(正解か)?
myHit++;
document.getElementById('ytr001').innerHTML = ("あたり！ すばらしいヽ(*⌒∇⌒)ﾉ ");
qqcc.push("○");
}else{
document.getElementById('ytr001').innerHTML = ("はずれ！ (´+д+｀) こたえはX＝"+myy2+"、Y＝"+myy4+"です !");
qqcc.push("×");
}
qqaa.push(myy1);
qqab.push(myy3);
qqac.push(myy5);
qqad.push(myy6);
qqae.push(myy7);
qqaf.push(myy8);
qqag.push(myy2);
qqah.push(myy4);
aaaa.push(myA1);
aabb.push(myA2);
mySet(); // 次の問題をセット
if (myNowCnt==myLastCnt-1){ // 問題終わった？
myScore = myHit*10; // 得点計算
document.getElementById('ytr002').innerHTML =("問題終了です。"+myLastCnt+"問中"+myHit+"問正解。点数は"+myScore+"点です。");
myNowCnt=0;
myHit=0;
var hantei ="";
var seitou = document.getElementById('kaitou');
hantei +="<table border=1><tr><td>式１</td><td>式２</td><td>あなたの答え</td><td>判定</td><td>正答</td></tr>"
for (i = 0; i < 10; i = i +1){
hantei += "<tr><td>";
hantei += qqaa[i];
hantei += "X＋";
hantei += qqab[i];
hantei += "Y＝";
hantei += qqac[i];
hantei += "</td><td>";
hantei += qqad[i];
hantei += "Xー";
hantei += qqae[i];
hantei += "Y＝";
hantei += qqaf[i];
hantei += "</td><td>";
hantei += "X＝";
hantei += aaaa[i];
hantei += "、Y＝";
hantei += aabb[i];
hantei += "</td><td>";
hantei += qqcc[i];
hantei += "</td><td>";
hantei += "X＝";
hantei += qqag[i];
hantei += "、Y＝";
hantei += qqah[i];
hantei += "</td></tr>";
}
hantei +="</table>";
seitou.innerHTML = hantei;
qqaa=[];
qqab=[];
qqac=[];
qqad=[];
qqae=[];
qqaf=[];
qqag=[];
qqah=[];
qqcc=[];
aaaa=[];
aabb=[];
}else{ // 次の問題へ
myNowCnt++;
document.getElementById('ytr002').innerHTML =(+myNowCnt+"問中"+myHit+"問正解。");
}
}
// -->
</script>
<body>
<!-- 2次方程式の問題フォームを設置 -->
<h1>2次方程式の問題</h1>
さて、もんだいです。 X,Yに当てはまる数値を答えてください。<br>
X,Yは整数１ケタです。
<br><br>
<div id="atoi"></div>
<div id="btoi"></div>
<form name="myForm">
X=
<input type="text" size="3" name="myFormA1">
, <br>
Y=
<input type="text" size="3" name="myFormA2">
, <br>
<input type="button" value="ＯＫ" onclick="myCheck()">
</form>
<div id="ytr001"></div>
<div id="ytr002"></div>
<div id="ytr003"></div>
<div id="kaitou"></div>
<script type="text/javascript"><!--
mySet(); // 初回の問題をフォームへセット
// --></script>
<br>
<a href="http://tasarotoste.zouri.jp/">TOPへ</a>
<br>
<br><br>
</body>
</html>
