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