７．イベント<37p>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>event06</TITLE>
<META http-equiv=Content-Type content="text/html; charset=shift_jis">
<SCRIPT language=JavaScript>
<!--
function change_color(color){
document.bgColor=color;
}
//-->
</SCRIPT>

</HEAD>
<BODY bgColor=#ff4499>
<FORM>
<H3>ボタンをクリックすると背景色が変ります。 </H3>

<INPUT type="button" value="青"onclick="change_color('blue')">
<INPUT type="button" value="赤"onclick="change_color('red')">
<INPUT type="button" value="緑"onclick="change_color('green')">
<INPUT type="button" value="黄"onclick="change_color('yellow')">
<INPUT type="button" value="白"onclick="change_color('white')">
<INPUT type="button" value="黒"onclick="change_color('black')">
</FORM>
</BODY>
</HTML>


ボタンをクリックすると背景色が変ります。