Javascript - Background Colors

Background Colors

Description: Lets visitors select a Web page background color

Sample: Pick a color for the page background

Copy and paste the following code into your source code:


<p>Pick a color for the page background.</p>

<script language="JavaScript">
<!--
function backcolor(color) {
document.bgColor = color
}
//-->
</script>

<form>
<input type="button" value="Dark Red" onclick="backcolor('darkred')">
<input type="button" value="Dark Slate Gray" onclick="backcolor('darkslategray')"> 
<input type="button" value="Moccasin" onclick="backcolor('Moccasin')"> 
<input type="button" value="Teal" onclick="backcolor('teal')"> 
<input type="button" value="Silver" onclick="backcolor('silver')">
<input type="button" value="White" onclick="backcolor('white')">
<input type="button" value="Gold" onclick="backcolor('#ffcc00')">
<input type="button" value="Purple" onclick="backcolor('990066')">
</form>