Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

javascript なぜエラーなのかわからないです。

Q&A

Closed

これがエラーになってしまうんですが、どこが間違っているのかわからないです。

エラー内容
console
main.js:12 Uncaught TypeError: Cannot read property 'addEventListener' of null

const createButton=document.getElementById("create-todo")
const inputTodo=document.getElementById("input-todo")
const radioStatusElements=document.getElementsByName("status")

createButton.addEventListener("click",(event)=>{
    console.log(inputTodo.value)
})

0

1Answer

  1. create-todoというIDの付いた要素がない
  2. create-todoというIDの付いた要素はあるが、DOMのロード以前にJavascriptが走っている

これのどっちかじゃないかと。

  1. ならばIDを要素のIDを再確認する
  2. ならばscriptタグをとりあえず</body>直前にまで下げてDOMのロード後にJavascriptが走るようにする、またはDOMContentLoadedの中でaddEventListenerを処理する
window.addEventListener('DOMContentLoaded', (event) => {

  const createButton=document.getElementById("create-todo")
  const inputTodo=document.getElementById("input-todo")
  const radioStatusElements=document.getElementsByName("status")

  createButton.addEventListener("click",(event)=>{
      console.log(inputTodo.value)
  })

});
0Like

Comments

  1. ありがとうございます、htmlでcreate-buttonって書いてありました。

Your answer might help someone💌