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() 
    }); 
});