JAVASCRIPTで作成した算数のゲーム（ドリル・クイズ）の解答やソース、プログラムで必要なことを書いていきます。 SPIや小・中学の勉強になるe-ラーニングのプログラムになることを目指しています。
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
ただいまコメントを受けつけておりません。
楕円の面積のゲーム（クイズです。）
楕円の長径2a
楕円の短径2b
とすると
面積S＝abπ
が公式になります。
πは計算しなくていいことにしますので
実際は
aとbの部分をかけると答えが出てきます。
楕円の長径は
短径より短くならないように
しています。
短径の1/2は１から９まで
長径の1/2は９から９９までのランダムの数字が出るようにしています。
サンプル
楕円の面積
ソースは下記
ーーーーーーーーーーーーーーーーーーーーーー
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<script src="jq/jquery-1.10.2.min.js"></script>
<title>楕円の面積</title>
<meta name="keywords" content="ゲーム,楕円,面積,イーラーニング,クイズ">
<meta name="description" content="楕円の面積の問題（ドリル・クイズ）などができるHPです。JAVASCRIPTで作製しています。">
</head>
<script type="text/javascript"><!--
myHit = 0;
myNowCnt = 0; // 問題を出すテーブルカウンタ
myLastCnt = 10; // 問題の数
var myy1,myy2;
var qqaa=new Array();
var qqbb=new Array();
var qqcc=new Array();
var qqdd=new Array();
var aaaa=new Array();
function mySet(){
myy1 = Math.floor(Math.random()*990)+9;
myy2 = Math.floor(Math.random()*9)+1;
document.getElementById('atoi').innerHTML = "a="+myy1+"cm";
document.getElementById('btoi').innerHTML = "b="+myy2+"cm";
document.myForm.myFormA1.value = ""; // 数値
}
// 入力した答えが正解か不正解かを判定する関数 (答えを入力して、[OK]ボタンを押した時の処理)
function myCheck(){
myA1 = eval(document.myForm.myFormA1.value); // 入力された 答え を取得
ayy1 = myy1 * myy2 ; // 面積の答えを計算
if ( ayy1 == myA1 ){ // 答えと入力した値は等しいか(正解か)?
myHit++;
document.getElementById('ytr001').innerHTML = ("あたり！ すばらしいヽ(*⌒∇⌒)ﾉ ");
qqcc.push("○");
}else{
document.getElementById('ytr001').innerHTML = ("はずれ！ (´+д+｀) こたえは"+ayy1+"です !");
qqcc.push("×");
}
qqaa.push(myy1);
qqbb.push(myy2);
aaaa.push(myA1);
qqdd.push(ayy1);
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>辺a</td><td>辺b</td><td>あなたの答え</td><td>判定</td><td>正答</td></tr>"
for (i = 0; i < 10; i = i +1){
hantei += "<tr><td>";
hantei += qqaa[i];
hantei += "cm</td><td>";
hantei += qqbb[i];
hantei += "cm</td><td>";
hantei += aaaa[i];
hantei += "πcm²</td><td>";
hantei += qqcc[i];
hantei += "</td><td>";
hantei += qqdd[i];
hantei += "πcm²</td></tr>";
}
hantei +="</table>"
seitou.innerHTML = hantei;
qqaa=[];
qqbb=[];
qqcc=[];
qqdd=[];
aaaa=[];
}else{ // 次の問題へ
myNowCnt++;
document.getElementById('ytr002').innerHTML =(+myNowCnt+"問中"+myHit+"問正解。");
}
}
// --></script>
<body>
<!-- admax -->
<script type="text/javascript" src="http://adm.shinobi.jp/s/cdab3ad2b45f24463c361b4591592c28"></script>
<!-- admax -->
<h1>楕円の面積</h1>
<!-- 楕円の問題フォームを設置 -->
さて、もんだいです。次の楕円の面積を求めてください。
<br>
<IMG SRC="ga/daen.jpg" WIDTH=300>
<br>
<div id="atoi"></div>
<div id="btoi"></div>
<form name="myForm">
面積<input type="text" size="3" name="myFormA1">πcm²
<input type="button" value="ＯＫ" onclick="myCheck()">
</form>
<div id="ytr001"></div>
<div id="ytr002"></div>
<div id="kaitou"></div>
<script type="text/javascript"><!--
mySet(); // 初回の問題をフォームへセット
// --></script>
<br>
<a href="http://tasarotoste.zouri.jp/">TOPへ</a>
<br>
<!-- admax -->
<script type="text/javascript" src="http://adm.shinobi.jp/s/d0d7ae359a9976d511543a6e4b4326c9"></script>
<!-- admax -->
<br><br>
</body>
</html>
