テキストボックスにメッセージを表示する
上のような窓を、テキストボックスといいます。
ゲーム中に、コインの残り枚数・得点・メッセージ等を表示するのに使用します。
<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> |
(サンプル)
|