我在做一個簡單的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)]});
}
謝謝!
'jQuery('body').css({'background-color':color [color.length - 1]});' –
很簡單,非常感謝Vikram。下一次將它寫爲回覆(而不是像你現在所做的評論),以便用戶可以調出答案 – Dolcens