かけ算を遊んで覚えるためのスクリプトです。
テキスト欄にに自分で数字を入力してあげて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;
a=isFinite(hitotu);
b=isFinite(hutatu);
if(a==false||b==false)
alert("数字を入れてよ！");
if(hitotu>9||hutatu>9)
alert("数字が大きすぎるよ！");
else if(hitotu<0||hutatu<0)
alert("数字が小さすぎるよ！");
else
document.form1.kotae.value=hitotu*hutatu;}
//-->
</script>
</head>
<body>
<form name="form1">
<input type="text" size="2" name="hitotu" onChange="kuku();"> Ｘ
<input type="text" size="2" name="hutatu" onChange="kuku();"> ＝
<input type="text" size="4" name="kotae">
<input type="button" value="こたえは？" onClick="kuku();">
<input type="reset" value="消しちゃう！">
</form>
</body>
</html>
[ 解説 ]
下から１２行目に<body>があります。
ボディタグ内にはお好きな属性を加えてあげて下さい。
壁紙や文字色など、お好きに設定して下さい。
ボディ内のHTMLに関しましても、お好きに設定して下さい。
ただし下から１０行目の<form name="form1">と、
下から４行目の</form>の間は触らないで下さい。
|
