Java Script- CHANGE COLOR

**Admin** Sat Feb 19, 2011 3:17 pm

HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

</HEAD>
<BODY>

<form>
<input type="button" name="Button1" value="RED" onclick="changecolor('red')">

<input type="button" name="Button2" value="GREEN" onclick="changecolor('green')">

<input type="button" name="Button3" value="BLUE" onclick="changecolor('blue')">

<input type="button" name="Button4" value="WHITE" onclick="changecolor('white')">

</form>

</BODY>
</HTML>

CODE BREAK DOWN

function changecolor(code) {
document.bgColor=code
}

--------------------------------------------------------------------------------

This page is an excellent example of one function being used by several buttons in the same document. Our function is called changecolor(code). It has only one line:
document.bgColor=code.

You probably guessed that bgColor stands for background color.
If I type document.bgColor="red" the background will turn red.

By writing the command document.bgColor=code I am allowing myself to define the variable code as any color I want.

Later, in the form. I define a button with the command:
onClick="changecolor('green')"

onClick="changecolor('green')" is telling the program 2 things:

Run the funtion named changecolor(code).
code='green
Smile