このコードを再利用するには？ javascriptで新しいことを学びたい

Question

私は以下のコードスニペットを持っています。 var alerttや可能な方法を再利用できますか？私は以下のコードで再利用しようとしましたが、動作しませんでした。私はまたalertt();を試みるが、コンソールはUncaught TypeError: alertt is not a functionと言う。

$("#click").click(function(){ 
 
alertt; 
 
}) 
 

 
var alertt = $(function(){ 
 
    alert("Message"); 
 
});

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

誰かがそれを理解してほしいです。新しいものを学びたい

Answer 1

問題は、明示的な関数ではなく、alerttをdocument.readyイベントハンドラとして作成しているためです。これを修正するには、ロジックを適切に定義された関数内に置き、ロード時およびボタンがクリックされたときに呼び出します。これを試してみてください：

$(function() { 
 
    $("#click").click(alertt).click(); 
 
}); 
 

 
var alertt = function() { 
 
    alert("Message"); 
 
}

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