« »

Press any of the buttons to change the background color. You can add or delete as many colors as you like. Cool!

Label: Background Color Changer,

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT language=javascript>
/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/

function func1()
{
 document.bgColor="red"
 window.status="Red"
}
function func2()
{
 document.bgColor="green"
 window.status="green"
}
function func3()
{
 document.bgColor="Blue"
 window.status="Blue"
}
function func4()
{
 document.bgColor="cyan"
 window.status="cyan"
}
function func5()
{
 document.bgColor="gold"
 window.status="gold"
}
function func6()
{
 document.bgColor="burlywood"
 window.status="burlywood"
}
function func7()
{
 document.bgColor="crimson"
 window.status="crimson"
}

</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<P align=center>Click the buttons below to change background color</P><INPUT name=but1 onclick=func1() type=button value=RED> <INPUT name=but2 onclick=func2() type=button value=green> <INPUT name=but3 onclick=func3() type=button value=Blue> <INPUT name=but4 onclick=func4() type=button value=cyan> <INPUT name=but5 onclick=func5() type=button value=gold> <INPUT name=but6 onclick=func6() type=button value=burlywood> <INPUT name=but7 onclick=func7() type=button value=crimson> 
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->