実現したいこと
エラーメッセージを解消したい
画像削除機能が動作するようにする
発生している問題・分からないこと
画像削除機能を実装中、以下のエラーメッセージが表示された
エラーメッセージ
error
1Uncaught TypeError: Cannot set properties of null (setting 'onclick') at Img.js:4:19
該当のソースコード
html
1<!DOCTYPE html>2<html lang="ja">3<head>4 <meta charset="UTF-8">5 <link rel="stylesheet" href="css/Img.css">6 <title>Img</title>7</head>8<body>9 <div class="main-contents">10 <div class="inputImg-contents">11 <input type="file" accept="image/*">12 <button type="button" id="is-deleteImg">delete</button>13 <button type="button" id="js-submitImg">submit</button>14 </div>15 16 <div class="displayImg-contents">17 <!--The image is displayed here-->18 </div>19 </div>20 <script src="js/Img.js"></script>21</body>22</html>
JavaScript
1//js2 3const deleteImg = document.getElementById("js-deleteImg");4deleteImg.onclick = function(){5 console.log("confirm");6}
試したこと・調べたこと
上記の詳細・結果
googleで検索したら、そのエラーの解消策があった
解消策通りに、ソースコードを変更したが、エラーは表示されたままだった
補足
特になし
0 コメント