WEST MiRa(1,739 Byte)
JavaScript(1,601 Byte)
DHCICVbv

■ JavaScript - サンプル集(257種類) - ゲーム
   - たし巻きたまご

足し算を遊んで覚えるためのスクリプトです。

テキスト欄に自分で数字を入力してあげてEnterを押すか、
「こたえは?」のボタンを押すと答えが出てきます。

数字は半角数字のみです。全角文字を入れるとメッセージが出ます。
また、0以下の数字、999999999以上の数字を入れてもメッセージが出ます。

サンプルを見る
ソースを保存する
(右クリック→「対象をファイルに保存」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>


[ 解説 ]

下から32行目に<body>があります。
ボディタグ内にはお好きな属性を加えてあげて下さい。
壁紙や文字色など、お好きに設定して下さい。
ボディ内のHTMLに関しましても、お好きに設定して下さい。

ただし下から30行目の
<table cellpadding="0" border="0" cellspacing="0">
と、下から4行目の</table>の間は触らないで下さい。


バナー、リンクについて  ,   利用規約  ,   ヘルプ

Copyright (C) 1998-2007 WEST MiRa. All rights reserved.