ウェブサイト上の配列からのランダムな色

Question

かなり新しいコードです。配列に基づいて変更するには、一部のコードを実装して、の背景色のウェブサイトをランダム化するのに問題があります。このコードが見つかり ：

$(document).ready(function(){ 
    var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];     
    var rand = Math.floor(Math.random()*colors.length);   
    $(‘#u97’, ‘#u379’).css("background-color", colors[rand]); 
}); 

「＃1 u97、＃のu379は、」私はの背景色を変更したいのdivです。私は "スクリプト"タグでヘッダーにコードを挿入しますが、何も起こりません。 divにカラーを取得するマスタCSSファイルもあります。これは何かを妨害する可能性がありますか？

Answer 1

はこれを試してください：すべての

$(document).ready(function(){ 
    var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];     
    var rand = Math.floor(Math.random()*colors.length);   
    $('#u97').css("background-color", colors[rand]); 
    $('#u379').css("background-color", colors[rand]); 
}); 

Answer 2

$(document).ready(function(){ 
 
    var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];     
 
    var rand = function() { 
 
    return Math.floor(Math.random()*colors.length);   
 
    }; 
 
    
 
    $("#u97, #u379").each(function() { 
 
    $(this).css("background-color", colors[rand()]); 
 
    }); 
 
});

div {height: 50px; width: 50px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="u97"></div><div id="u379"></div>