Java-Script

　ボタンを押す毎にウインドウの背景色を変化させる 　　　　　

Sample

上のボタンを押してください。

ソース

<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
color_val= new Array;
color_val[0]='red';
color_val[1]='blue';
color_val[2]='yellow';
color_val[3]='pink';
color_val[4]='gold';
color_val[5]='cyan';
color_val[6]='black';
color_val[7]='azure';
color_val[8]='brown';
color_val[9]='white';
cnt=0;
function change_bgColor() {
  document.bgColor=color_val[cnt];
	cnt +=1;
  if (cnt>9) cnt=0;
}
// -->
</SCRIPT>

</HEAD>
<BODY>
<CENTER>
<form>
<input type=button onClick="change_bgColor()" value="背景色変更">
</form>
</CENTER>
</BODY>
</HTML>

ワンポイント解説

ボタンを１回押すごとに、配列変数　 color_val[]　を移動して、背景色を設定しています。