1.Illustrates dynamic foreground and background colors
<html>
<head>
<title>Dynamic colors</title>
<script type ="text/javascript" src = "dynColors.js" >
</script>
</head>
<body>
<p style="font-family:Times;font-style:italic;font-size:24pt">
This small page illustrates dynamic setting of the foreground and background colors for a
document
</p>
<form action=" ">
<p>
<lable>
Foreground color;
<input type="text" name ="foreground" size="10"
onchange="setColor('foreground',this.value)"/>
</label>
<br/>
<label>
Background color;
<input type="text" name="background" size="10"
onchange="setColor('background',this.value)"/>
</label>
<br/>
</p>
</form>
</body>
</html>
dynColors.js:
function setColor(where,newColor){
if(where=="background"){
document.body.style.backgroundColor = newColor;
}
else
{
document.body.style.color=newColor;
}
}
output:
