アクセスする度にランダムに背景色を変える

表示例

※このページは、アクセスする度に背景色が変わるようになっています。また、上のボタンを押しても背景色が変わります。

記述例

以下をできるだけ最初の方に記述して下さい(できればHEADタグの中)

<SCRIPT LANGUAGE="JavaScript">
<!--
function randomColor() {
    var max = 6;
    wall = Math.floor(Math.random() * max) + 1;
    if (wall == 1) { document.bgColor = 'FFCFCF' }
    else
    if (wall == 2) { document.bgColor = 'FFFFCF' }
    else
    if (wall == 3) { document.bgColor = 'CFFFCF' }
    else
    if (wall == 4) { document.bgColor = 'CFFFFF' }
    else
    if (wall == 5) { document.bgColor = 'FFCFFF' }
    else
    if (wall == 6) { document.bgColor = 'FFFFFF' }
}
//-->
</SCRIPT>
以下のようにBODYタグにonLoad属性を付けて下さい
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" onLoad="randomColor()">
以下を表示させたい位置に記述して下さい(BODYタグの中ならどこでもOK)
背景色を変更させるボタンが必要ないときは省いて下さい
<FORM>
<INPUT TYPE="BUTTON" VALUE="背景色変更" onClick="randomColor()">
</FORM>
備考

4行目の「var max = 6;」で数値を変えて、その数に合わせて背景色を指定している文(if構文のところ)を追加削除することで背景色のパターンの数を変えることができます。


←メニューへ戻る