javascript - 我正在尝试生成随机颜色(javascript)并在单击按钮时将结果应用到按钮。如何将 JS 与 Jquery 合并？

Question

//随机颜色生成器

function getRandomColor() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;

//这是我的 Jquery。我只是想知道如何将它们放在一起？

$( document ).ready(function() {

    $("button").click(function(){

        $(this).css({'background-color':color});
   });
});

//我在这里问的第一个问题，我是编码新手。

Answer 1

您的代码的一点修改版本......。尝试在 split() 中放置分隔符 , 以避免任何可能的错误，并将 # 附加到变量 color > ，循环完成操作后。

function getRandomColor() { 
var letters ='0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F'.split(','); var color ; 
for (var i = 0; i < 6; i++ ) {
 color +=letters[Math.floor(Math.random() * 16)]; 
} 
color = '#'+color;
return color;
}

由于#必须在累积color中的所有字母后放在开头。getRandomColor() 将返回变量 color 的计算值。

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