0

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>
6
Contributors
5
Replies
7
Views
12 Years
Discussion Span
Last Post by Mohan0704
0

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

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

Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.