Q&A
実現したいこと
エラーメッセージを解消したい
画像削除機能が動作するようにする
発生している問題・分からないこと
画像削除機能を実装中、以下のエラーメッセージが表示された
エラーメッセージ
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//js 2 3const deleteImg = document.getElementById("js-deleteImg"); 4deleteImg.onclick = function(){ 5 console.log("confirm"); 6}
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
googleで検索したら、そのエラーの解消策があった
解消策通りに、ソースコードを変更したが、エラーは表示されたままだった
補足
特になし
回答1件
0
ベストアンサー
html
1 <button type="button" id="is-deleteImg">delete</button>
js
1const deleteImg = document.getElementById("js-deleteImg");
HTML側を id="js-deleteImg" に変更するか、JavaScript側を document.getElementById("is-deleteImg") に変更しましょう。
投稿2024/01/21 02:43
総合スコア21933
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2024/01/21 02:49