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.
Background Color Changer
<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.