７．イベント<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=#ffffff>
<FORM>
<H3>ボタンをクリックすると背景色が変ります。 </H3>
<INPUT onclick="change_color('blue')" type=button value=青>
<INPUT onclick="change_color('red')" type=button value=赤>
<INPUT onclick="change_color('green')" type=button value=緑>
<INPUT onclick="change_color('yellow')" type=button value=黄>
<INPUT onclick="change_color('white')" type=button value=白>
<INPUT onclick="change_color('black')" type=button value=黒>
</FORM>
</BODY>
</HTML>


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