😺
Uncaught TypeError: Cannot set properties of null (setting 'value')
JavaScriptを使った時にUncaught TypeError: Cannot set properties of null (setting 'value')というエラーが出てしまった。
この記事を見ると反映するブラウザのバージョンの問題？かと思ったが、そのような問題ではなさそう。
jsfiddleやcodesandboxなどを使えば反映できる状態だった。
エラーが出た要因
bodyとcssの上にjsを書いていた。
<script src="main.js"></script>
<link href="index.css" rel="stylesheet">
</head>
<body>
〜以下省略
改善するには
bodyタグの中の一番下に書く。
HTML（全体感の要素・箱の部分）を読み込んでから、js（中身や仕組みの部分）を読み込ませるのが正常な挙動になる。
<script src="main.js"></script>
</body>
Discussion