javascript - フォームで JavaScript を使用して現在の日付に日数を追加する

Question

JavaScript で現在の日付に 5 日を追加するコードがありますが、これをフォームに入れるのに問題があります。これは、スクリプトタグ内の関数の私のコードです:

function checkDate() {
document.getElementById('dateBtn').onclick = function checkDate () {
    var dt = new Date();
    dt.setDate(dt.getDate() + 5);
    alert(dt);
};

}

名前とプロパティを使用して、フォーム内でこの関数を呼び出してみました。

<form name="Shopping" action="Confirmation_Shop.html" method="get">

現在の日付から +5 日をチェックする関数を呼び出すには、次のコードを使用しました。

<input type="button" value="Check Date" onclick="CheckDate()">

Webページを実行すると、ボタンは表示されますが何もしませんが、「送信」ボタンや、配列を使用してページ上のアイテムのコストをチェックする機能にリンクされたボタンなどの他のボタンは機能します。また、日付の確認ボタンに次のコードを使用してみました。

<input type="button" value="Check Date" onload="CheckDate()">

これを使用しても同じエラーが発生します。ボタンをクリックしても何もしません。

助けていただければ幸いです。ありがとう！

編集:この関数を別のhtmlドキュメントで実行し、フォームではなくボディ内にボタンを作成すると、クリックすると完全に機能します。