0

長いdivのセットがあり、誰かがカスケード遅延（後で追加します）で[ホーム]ボタンをクリックしたときに、すべての背景色をランダムな色に変更したいと思います。私はこれをjfiddleでテストしてきましたが、動作させることができないようです。

たとえば、jsfiddleでwhileループが1〜10の場合：http： //jsfiddle.net/PWvaw/17/

varスコープの問題がありますか、それともgetElementByIDメソッドに文字列/変数の組み合わせを配置する際に問題がありますか？jfiddleのHTMLセクションにheadタグを配置すると、「getElementById（」の直後にコードが赤くなります。

switch (randomNumberOne) {
  case 1:
    document.getElementById(

どんな助けでもいただければ幸いです。私はすでにここで検索を行い、決定的なものは何も見つかりませんでしたが、答えを逃した場合はお詫び申し上げます。ありがとう！

4

1 に答える 1

2

カラーコードのセミコロンを削除するだけです。

function backgroundColorChange() {
    var num = 1;
    while (num <= 10) {
        var randomNumberMe = Math.floor((Math.random()*10)+1);
        console.log(randomNumberMe);
        switch (randomNumberMe) {
            case 1:
              document.getElementById('r' + num).style.backgroundColor = '#db0058';
              break;
            case 2:
              document.getElementById('r' + num).style.backgroundColor = '#80e800';
              break;
            case 3:
              document.getElementById('r' + num).style.backgroundColor = '#ffb700';
              break;
            case 4:
              document.getElementById('r' + num).style.backgroundColor = '#4b5ed7';
              break;
            default:
              document.getElementById('r' + num).style.backgroundColor = '#ffffff';
              break;
        }
        num += 1;
    }
}

jsfiddle

于 2012-07-11T21:47:29.457 に答える