JavaScript サンプル：『背景色選択機能を作ってみる』

説明

人によって見やすい背景色って異なりますね。だったら各自に色を指定してもらえば良いと思いませんか？
そんなときは、背景色を選択できるページを作って設定できるようにしてみましょう。
また、これで設定してもらった色をCookieなどに保存して他のページで有効にしてみる・・・なんてのも楽しいかもしれません。

コード

function changecolor() {
	var obj = document.selcolor;
	if (winload) {
		document.bgColor = "#" + 
			obj.r1.options[obj.r1.selectedIndex].value +
			obj.r2.options[obj.r2.selectedIndex].value +
			obj.g1.options[obj.g1.selectedIndex].value +
			obj.g2.options[obj.g2.selectedIndex].value +
			obj.b1.options[obj.b1.selectedIndex].value +
			obj.b2.options[obj.b2.selectedIndex].value;
	}
}

<BODY onLoad="winload=true;">
<FORM name="selcolor">
<SELECT name="r1" onChange="changecolor();">
<OPTION value="0">0</OPTION>
<OPTION value="1">1</OPTION>
～
<OPTION value="E">E</OPTION>
<OPTION value="F" selected>F</OPTION>
</SELECT>
</FORM>

解説＆ステップアップ

コードが長くなるので、<BODY>部は、かなり省略して載せています。
「document.bgColor」で、画面の色を変更する場合は、スタイルシートで指定をしないようにしてください。指定すると、そちらが優先され画面の色が変わりません。