かけ算を遊んで覚えるためのスクリプトVer2です。
テキスト欄にに自分で数字を入力して、その答えを入力します。
答え欄でEnterを押すか、「こたえは？」のボタンを押すと
正解かどうかのメッセージが表示されます。
数字は半角数字のみです。全角文字を入れるとメッセージが出ます。
また、９以上の数字を入れたり、０以下の数字を入れてもメッセージが出ます。
・サンプルを見る
・ソースを保存する
（右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。）
・ソースを見る
・解説を見る
[ ソース ]
<html><head>
<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp
function kuku()
{hitotu=document.form1.hitotu.value;
hutatu=document.form1.hutatu.value;
kotae=document.form1.kotae.value;
a=isFinite(hitotu);
b=isFinite(hutatu);
c=isFinite(kotae);
if(a==false||b==false||c==false)
alert("数字を入れてよ！");
else if(hitotu>9||hutatu>9)
alert("数字が大きすぎるよ！");
else if(hitotu<0||hutatu<0||kotae<0)
alert("数字が小さすぎるよ！");
else
{if(hitotu*hutatu==kotae)
alert("やったね！大正解！！");
else alert("残念…ハズレ！！正解は"+hitotu*hutatu+"だよ");
document.form1.kotae.value=hitotu*hutatu;}
}
//-->
</script>
</head>
<body>
<form name="form1">
<input type="text" size="2" name="hitotu"> Ｘ
<input type="text" size="2" name="hutatu"> ＝
<input type="text" size="4" name="kotae" onChange="kuku();">
<input type="button" value="こたえは？" onClick="kuku();">
<input type="reset" value="消しちゃう！">
</form>
</body>
</html>
[ 解説 ]
下から１２行目に<body>があります。
ボディタグ内にはお好きな属性を加えてあげて下さい。
壁紙や文字色など、お好きに設定して下さい。
ボディ内のHTMLに関しましても、お好きに設定して下さい。
ただし下から１０行目の<form name="form1">と、
下から４行目の</form>の間は触らないで下さい。
|
