こんにちは。

$(() => {
    $('#msgbtn').click(function(){
        $('<p>ボタンがクリックされました。</p>').appendTo('#main');
    });
});

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="main.js"></script>
<div id="main">
    <input id="msgbtn" type="button" value="クリックでメッセージ表示">
    <input id="clear" type="button" value="クリア" />
</div>

上記のコードで、
最初のアロー関数を設定しないと button をクリックしても処理されません。
アロー関数の宣言は絶対に必要なのでしょうか？
ご回答、宜しくお願い致します。