2014-04-23 47 views
0

我在做一個簡單的jQuery代碼,其中包含一個文本窗體和兩個按鈕。我的想法是,我應該可以在文本格式中輸入rgb顏色或顏色,然後按「添加顏色」按鈕將其添加到數組中,然後按「更改顏色」按鈕將背景顏色更改爲我剛剛添加。將背景更改爲數組中的最後一項

我的問題是關於綁定到更改顏色按鈕的功能,我如何綁定它以將其更改爲我剛剛添加的顏色?

現在,當我使用Math.random()時,它當然會從數組中選擇一種隨機顏色。我試着閱讀關於數學模塊,但無法找到像Math.latest()(不好解釋,但我想我保什麼我需要幫助)

$(document).ready(function() { 

    var color = ['green', 'orange', 'yellow']; 

    jQuery('#changeBG').click(randomBackground); 

    jQuery('#addColor').click(function(){ 
     color.push($('#addToList').val()); 
     $('#sampleBoard > tbody:last').append('<tr><td>',$('#addToList').val(),'</td><td><div id="sample" style="border:solid 1px           black;width:18px;height:18px;background:'+$('#addToList').val()+'"></div></td></tr>'); 
    }); 


    function randomBackground(){ 
     jQuery('body').css({'background-color': color[Math.floor(Math.random() * color.length)]}); 
    } 

謝謝!

+1

'jQuery('body').css({'background-color':color [color.length - 1]});' –

+0

很簡單,非常感謝Vikram。下一次將它寫爲回覆(而不是像你現在所做的評論),以便用戶可以調出答案 – Dolcens

回答

0

由於push()在那裏添加了最新的數組元素,您可以通過

var latestColor = color[color.length - 1]; 

得到它記住:指數是從零開始,所以用長度l數組有其最後一個元素的索引l - 1

0

VAR newcolor =顏色[Math.floor(的Math.random()%color.length)]}

使用 '%' 經營者

這樣做會給你顏色隨機指數

我希望這會起作用