Background Color Changer

vegaseat 0 Tallied Votes 187 Views Share

Shows how to connect a button onclick event to a javascript function to change the background color of the document. Just cut and paste the code into Notepad or other editor, save as BGchanger.htm and run it on your browser.

<html>
<head>
	<title>Background Color Changer</title>
	
<script language = JavaScript>
<!--
function BG_yellow()
{
  document.bgColor = 0xFFFF00
}

function BG_thistle()
{
  document.bgColor = 0xD8BFD8
}

function BG_plum()
{
  document.bgColor = 0xDDA0DD
}

function BG_red()
{
  document.bgColor = 0xFF0000
}
//-->
</script>
	
</head>
<body >

<center>
<form>
<font face="comic sans ms">
<br>
<h1>
Set the background color
</h1>
<br>
<input type = button value = "Make background Yellow " onclick = "BG_yellow()"> 
<br>
<br>
<input type = button value = "Make background Thistle" onclick = "BG_thistle()"> 
<br>
<br>
<input type = button value = "Make background Plum   " onclick = "BG_plum()"> 
<br>
<br>
<input type = button value = "Make background Red    " onclick = "BG_red()"> 
</font>
</form>
</center>

</body>
</html>
techy 0 Newbie Poster

Good

damondash 0 Unverified User

nice Keep it up

TechnoLady 0 Newbie Poster

TechnoLady

Am learning more from you than 1 year at college. Great work.

fai_zal1 0 Newbie Poster

very good

Mohan0704 0 Newbie Poster

Next time,
Try make the webpage XHTML 1.1/1.0 compliant.

It's much easier to read and will prevent browser errors.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.