← 前のページへ戻る

テキストボックスにメッセージを表示する


 上のような窓を、テキストボックスといいます。
 ゲーム中に、コインの残り枚数・得点・メッセージ等を表示するのに使用します。



<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<FORM name="myform"><INPUT size="20" type="text" name="mytext"></FORM>
</BODY>
</HTML>

 テキストボックスに、いろいろなメッセージを表示させるには、ちょっとした準備が必要です。
 上の赤字の部分のように、<FORM>タグと<INPUT>タグ(テキストボックスの部分)に、name=""というように、それぞれ名前をつけておきます(この名前は好きな名前をつけて構いません)。このように、名前をつけておけば、
  myform.mytext.value="メッセージ";
というスクリプトを実行させた時、「メッセージ」を表示させることができます。



 下記に使用例(サンプル)を示します。
 下記のスクリプトには、上記のスクリプトに緑字の部分を追加してあります。
 「押す」というボタンを押した時に、テキストボックスに「表示しました」と表示するようになっています。

<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
<!--
function hyouji(){
    myform.mytext.value="表示しました";
}
//-->
</script>

</HEAD>
<BODY>
<FORM name="myform"><INPUT size="20" type="text" name="mytext"><BR>
<BR>
<INPUT type="button" value="押す" onclick="hyouji()">
</FORM>
</BODY>
</HTML>

(サンプル)