動く素材
−背景の色を指定して表示する−


前回はボタンで背景色を選択するものでしたが、
今回はカラーコードを入力して、自分の好きな色にしましょう。




#0000FF #00FFFF #FFFF66 #9900FF #FF33FF #CCFF99 #FFFFFF

適当な色を6桁のコードで指定してください:#
参考Color Code― 薄い字のものは背景を変えて参照してね
#BBBBBB #00FF00 #FFA07A #E6E6FA #BC8F8F #808000 #F5DEB3


ボタンと組み合わせて、自分で色指定できるようにしましょう。
普通のWEBページを制作するのには、あまり使えないかもしれません。
テキストボックスに自分の好きなコード番号を指定してください。
表示しているYURIちゃんのイメージと色のコード文字は
例としてここで表示しただけです。
見本のカラーは別になくてもよいと思います。
ソースはテキストフォームの部分だけにしました。


JavaScriptのソースリスト

Headに入れる部分
特にありません。

BODYに入れる部分

<form name="form1"> 適当な色を6桁のコードで指定してください:# <INPUT TYPE="text" NAME="HAIKEI" SIZE="7"> <INPUT TYPE="button" VALUE="PUSH" onClick="document.bgColor='#' + document.forms[0].HAIKEI.value"> </form>