【JavaScript】即時関数で記述するとコンソールでエラーが表示される

Question

前提・実現したいこと

今、JavaScriptで即時関数を使い、画像プレビュー機能を実装しようとしています。
そこで画像プレビュー機能は問題なく機能するように実装できたのですが、
コンソールでエラーが表示されてしまいます。

恐らく書き方が違うのかなとは思っているのですが、
以下のコードに合った即時関数の書き方が載った記事が見つからず、質問させていただきました。

解決法がわかる方がいらっしゃいましたら教えて頂けますと幸いです。

発生している問題・エラーメッセージ

コンソールで表示されたエラーメッセージは以下の通りです。

Uncaught TypeError: window.addEventListener(...) is not a function

該当のソースコード

(window.addEventListener('DOMContentLoaded', () => {
  const input = document.getElementById('Post_image_input');
  const preview = document.getElementById('Post_image_prev');

  input.addEventListener('change', event => {
    const file = event.target.files[0];

    if (file.type.match(/image/*/)) {
      const reader = new FileReader();
      reader.addEventListener('load', event => {
        preview.innerHTML = '<img src="' + event.target.result + '">';
      });
      reader.readAsDataURL(file);
    }
    else {
      alert("画像ファイルを指定してください。");
      input.value = '';
      return false;
    }
  });
}))();

Answer 1

即時関数

を曲解しています。普通に

window.addEventListener('DOMContentLoaded', () => {
  ・・・
});

で処理してください

Comments

[yambejp]

どうしても即時関数が必要なら
(()=>window.addEventListener('DOMContentLoaded', () => {
・・・・
}))();

はたしてなにか意味があるのかと言われると疑問

[kumamin]

この場合はわざわざ即時関数を使う必要はなかったんですね！
ご回答ありがとうございました。