ボタンを押しても何も反応しません…

質問したときのコード

const btn = document.querySelector(".btn");
btn.addEventListener("click", () => {
  document.querySelector("#out").textContent = "こんにちは";
});

出ていたエラー

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

ryo_tサンプル2026-08-10

回答 2件

これで解決しました運営ゆめさく運営2026-08-10

エラーの null が答えになっています。querySelector(".btn") が要素を見つけられていません。

見るところは 2 つです。

2 番なら、<script> を </body> の直前に移すか、defer を付けると直ります。

kei10302026-08-10

私も全く同じところでハマりました！ script タグの位置でした。defer 付けたら一発で動いたので、たぶん同じだと思います。

回答するにはログインが必要です。