背景色を変更するぞ!

Index

  背景色を変更するサンプルプログラムです。

【例】

  <SCRIPT TYPE="text/JavaScript">
  <!--
  function BClr( Clr )   // (1)
  {
    document.bgColor = Clr;  // (2)
  }
  //-->
  </SCRIPT>

  <FORM>  // (3)
    背景色を選んで下さい。<BR>
    <INPUT TYPE="button" VALUE="青" ONCLICK="BClr(0x0000ff);"> //(4)
    <INPUT TYPE="button" VALUE="緑" ONCLICK="BClr(0x00ff00);">
    <INPUT TYPE="button" VALUE="赤" ONCLICK="BClr(0xff0000);">
    <INPUT TYPE="button" VALUE="黒" ONCLICK="BClr(0x000000);">
    <INPUT TYPE="button" VALUE="白" ONCLICK="BClr(0xffffff);">
  </FORM>

【解説】

 (1) プッシュボタンが押されたときに、呼び出されます。
 (2) document オブジェクトの bgColor プロパティで、これにより背景色を設定し
     ます。
 (3) フォームの設定。
 (4) 0x0000ff の 0x は 16 進表示という意味です。
【実行してみよう】

背景色を選んで下さい。