好きなフルーツを選んで下さい

バナナ
みかん
いちご
りんご

サーブレットや JSP のプログラムを作成するには HTML を理解する必要があります。
少なくとも FORM の使い方ぐらいは、知っていなければなりません。
このページは Applet でも JSP でもない「JavaScript を使った HTML のページ」です。

Java Script

  1. Java Script は Java Applet と同様にクライアントサイドで動作します。
    Java で始まりますが Sun の Java とは別物です。
    Java Applet では MouseListener で直接マウスのクリックを検出するのに対して、HTML のページでは FORM を使います。
  2. FORM の radio ボタンと Java Script を組み合わせて好きなフルーツを表示してみました。
    radio ボタンで選択されたフルーツを確認する Java Script 関数 func() です。
    document.F1.fruit.length は並べた radio ボタンの個数です。
    document.F1.fruit[i].checked で radio ボタンを調べます。
    選択されたフルーツを alert(document.F1.fruit[i].value); で確認します。
    function func()
    {   var i;
        if (document.F1.fruit.length)
        {   for (i=0; i<document.F1.fruit.length; i++)
            {   if (document.F1.fruit[i].checked)
                {   alert(document.F1.fruit[i].value);  }
            }
        }
        else
        {   if (document.F1.fruit.checked)
            {   alert(document.F1.fruit.value);  }
        }
    }
    

FORM

  1. FORM の記述です。
    好きなフルーツを radio ボタンで選択して、func() 関数を呼び出します。
    <form name="F1" action="#">
      <input type="radio" name="fruit" value="バナナ" checked>バナナ<br>
      <input type="radio" name="fruit" value="みかん">みかん<br>
      <input type="radio" name="fruit" value="いちご">いちご<br>
      <input type="radio" name="fruit" value="りんご">りんご<br>
      <input type="button" value="OK" onclick="func()">
    </form>
    
  2. ページ全体のソースコードはブラウザのメニューから[表示/ソースの表示]で確認して下さい。
    Java Script はネット上に沢山のページがアップロードされているので、そちらを参照して下さい。

Java Game Program