logo
Ryan's Webpage
 

Color Chooser

Please select a color



<html>
<head>
<script>
function changeColor(){
// by Ryan Te
// 10/30/07
// color Chooser
// demonstrates select object used as a drop-down list box

var theSelect = document.myForm.selColor;
var theOption = theSelect[theSelect.selectedIndex];
var theColor = theOption.value;
document.bgColor = theColor;
} // end changeColor
</script>
</head>
<body>
<center>
<h1>Color Chooser<hr></h1>
<h3>Please select a color</h3>
<form name = "myForm">
<select name = selColor>
<option value = red>red</option>
<option value = orange>orange</option>
<option value = yellow>yellow</option>
<option value = green>green</option>
<option value = blue>blue</option>
<option value = indigo>indigo</option>
<option value = violet>violet</option>
</select>
<br>
<input type = "button"
value = "change color"
onClick = "changeColor()">
</form>
</center>
<hr>
</body>
</html>

 

 

Contact Me

 

Mr. Styner's Webpage

 

Peter

Julie

Nick

Tiddus

Norman