在jquery中命名和嵌入函數

Question

我已經完成了這一切。嘗試在點擊時將按鈕背景顏色的顏色更改爲隨機顏色。我無法弄清楚如何將我的函數放在正確的JQUERY格式中。請幫助。

$(document).ready(function getRandomColor() { 
    var randomColor = Math.floor(Math.random()*16777215).toString(16); 
    return randomColor; 
}); 
}); 
$("button").click(function(){ 
    $(this).css({'background-color':getRandomColor()}); 
}); 
}); 

Answer 1

獨立功能，開始字符串，其中設置background-color與#。見colors

$(document).ready(function() { 
 
    function getRandomColor() { 
 
    var randomColor = Math.floor(Math.random() * 16777215).toString(16); 
 
    return randomColor; 
 
    } 
 

 
    $("button").click(function() { 
 
    $(this).css(
 
     'background-color', "#" + getRandomColor() 
 
    ); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>click</button>

Answer 2

你非常接近，有一些語法錯誤。

您需要顏色字符串上的＃。

function getRandomColor() { 
    var randomColor = Math.floor(Math.random() * 16777215).toString(16); 
    return "#" + randomColor; 
} 

$("button").click(function() { 
    $(this).css({ 
    'background-color': getRandomColor() 
    }); 
});