塩と水の量から濃度を求める問題です。
食塩水の量は切りのいい数字になっています。100～1000グラムになります。
濃度も１～１０％の間の数字になっています。
問題
「塩24ｇと、水576gで食塩水を作った場合、何％の濃度になりますか。」
食塩水の量＝塩24ｇ＋水576g＝600ｇ
濃度＝塩24ｇ÷食塩水の量600ｇ＝0.04 → ４％
よって
濃度は４％
になります。
サンプルはこちら
ソースは下記
ーーーーーーーーーーーーーーーーーーーー
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<script src="jq/jquery-1.10.2.min.js"></script>
<title>文章題・濃度算5</title>
<link href="css/toimondai.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="ゲーム,濃度算,文章題,イーラーニング,クイズ">
<meta name="description" content="算数の濃度算の文章題です。JAVASCRIPTで作製しています。">
</head>
<script type="text/javascript"><!--
myHit = 0;
myNowCnt = 0; // 問題を出すテーブルカウンタ
myLastCnt = 10; // 問題の数
var myy1,myy2,myy3,myy4,ayy1;
var qqaa=new Array();
var qqab=new Array();
var qqac=new Array();
var qqad=new Array();
var qqcc=new Array();
var qqdd=new Array();
var aaaa=new Array();
function mySet(){
ppp3 = ((Math.floor(Math.random()*10)+1)*10000); //食塩水の量×１００
ayy1 = ((Math.floor(Math.random()*10)+1)); //食塩水の濃度×１００
ppp1 = ayy1*ppp3/100; //食塩の量×１００
ppp2 = ppp3-ppp1; //水の量×１００
myy2 = ppp2 / 100; //水の量
myy1 = ppp1 / 100; //塩の量
document.getElementById('atoi').innerHTML = "塩"+myy1+"ｇと、水"+myy2+"gで食塩水を作った場合、何％の濃度になりますか。";
document.myForm.myFormA1.value = ""; // 数値
}
// 入力した答えが正解か不正解かを判定する関数 (答えを入力して、[OK]ボタンを押した時の処理)
function myCheck(){
myA1 = eval(document.myForm.myFormA1.value); // 入力された 答え を取得
if ( ayy1 == myA1 ){ // 答えと入力した値は等しいか(正解か)?
myHit++;
document.getElementById('ytr001').innerHTML = ("あたり！ すばらしいヽ(*⌒∇⌒)ﾉ ");
qqcc.push("○");
}else{
document.getElementById('ytr001').innerHTML = ("はずれ！ (´+д+｀) こたえは"+ayy1+"％です !");
qqcc.push("×");
}
qqaa.push(myy1);
qqab.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>塩の量</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 += "ｇ</td><td>";
hantei += qqab[i];
hantei += "ｇ</td><td>";
hantei += aaaa[i];
hantei += "％</td><td>";
hantei += qqcc[i];
hantei += "</td><td>";
hantei += qqdd[i];
hantei += "％</td></tr>";
}
hantei +="</table>";
seitou.innerHTML = hantei;
qqaa=[];
qqab=[];
qqac=[];
qqcc=[];
qqdd=[];
aaaa=[];
}else{ // 次の問題へ
myNowCnt++;
document.getElementById('ytr002').innerHTML =(+myNowCnt+"問中"+myHit+"問正解。");
}
}
// --></script>
<body>
<div id="title">
<h1>文章題・濃度算５</h1>
</div>
<!-- 問題フォームを設置 -->
<div class="midashidai">
<h2>
濃度は何％になりますか。
</h2>
</div>
<div id="atoi"></div>
<div id="kotaeyou">
<form name="myForm">
答え<input class="ansyou" type="text" size="3" name="myFormA1">％
<input class="ansbot" type="button" value="ＯＫ" onclick="myCheck()">
</form>
</div>
<div id="ytr001"></div>
<div id="ytr002"></div>
<a href="http://tasarotoste.kuizu.net/Entry/86/">解説はこちら</a>
<div id="kaitou"></div>
<script type="text/javascript"><!--
mySet(); // 初回の問題をフォームへセット
// --></script>
<br>
<a href="http://tasarotoste.zouri.jp/">TOPへ</a>
<br>
</body>
</html>
