【JavaScriot エラー】addEventListener が実行できない

Question

実現したいこと

const onClickAdd = () => {
  alert();
  };

document.getElementById("add-button").addEventListener(`click` , `onClickAdd`);

idで引き当てた"add-button"を"click"した際に、
"onClickAdd"内の処理を実行したいです。
(アラートを出す)

UdemyのTODOリスト作成講座内容を参照してまったく同じコードを書いていますが、講座では実行できている処理が実行できません。

発生している問題・分からないこと

ボタンをクリックしても、アラートが表示されず、エラーメッセージが出てしまいます。

エラーメッセージ

udemy.js:6 Uncaught TypeError: Failed to execute 'addEventListener' on 'EventTarget': parameter 2 is not of type 'Object'.

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

EventTarget の内容にエラーが出ていたので
function(){}→実行内容の記載等試しましたが
別のエラーが出てしまったため諦めました。

補足

助言いただけますと幸いです。

Answer 1

エラーの通り２番目の引数（コールバック）にはコールバック関数を指定してください

<input type="button" value="add" id="add-button">
<script>
const onClickAdd = () => {
  alert("add!");
};
document.getElementById("add-button").addEventListener(`click` , onClickAdd);
</script>