バックカラーチェンジ・ボタン

ボタンをおすと、バックの色が変わります。JavaScript。

↓見本↓
             


1)</TITLE>〜</HEAD>
  の間に以下。
  青字が、ボタンをクリックすると変わるバックの色。
  下の行の赤字の数字を2)と合わせて指定。

<SCRIPT language="JavaScript">

<!--

function changeColor(num){

if(num==0){

document.bgColor="#ffffff";

}else if(num==1){

document.bgColor="#000000";

}else if(num==2){

document.bgColor="#db7093";

}else if(num==3){

document.bgColor="#ffa500";

}else if(num==4){

document.bgColor="#ffd700";

}else if(num==5){

document.bgColor="#3cb371";

}else if(num==6){

document.bgColor="#60a0e0";

}else if(num==7){

document.bgColor="#dda0dd";

}
}
// -->

</SCRIPT>


2)<BODY>〜</BODY>
  の表示したいところに以下。
  黒の太字がボタンに表示する文字。

<INPUT type="button" value="WHITE" onClick="changeColor(0)"> 
<INPUT type="button" value="BLACK" onClick="changeColor(1)"> 
<INPUT type="button" value="PINK" onClick="changeColor(2)"> 
<INPUT type="button" value="ORANGE" onClick="changeColor(3)"> 
<INPUT type="button" value="YELLOW" onClick="changeColor(4)"> 
<INPUT type="button" value="GREEN" onClick="changeColor(5)"> 
<INPUT type="button" value="BLUE" onClick="changeColor(6)"> 
<INPUT type="button" value="PURPLE" onClick="changeColor(7)">