前提
Javascriptでclassを使い、webapiを叩き、HTML上に画像を表示させたいのですが、画像が表示されません。
実現したいこと
HTML上にクラスを使い、画像を表示させたい。
発生している問題・エラーメッセージ
画像が表示されない
Uncaught ReferenceError: img is not defined at json_01.js:17:27
該当のソースコード
HTML
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>犬</title> </head> <body> <div><img id='image'></div> <script src="../js/json_01.js"></script> </body> </html>
Javascript
const image=document.getElementById("image");class Images{ constructor(picture){ this.picture = picture; }getImg() {let img= this.picture (fetch('https:xxxxxxxxxxxxxxx').then(response =>{ return response.json();})) }} let images=new Images(img);
試したこと
Javascript
const image=document.getElementById("image");fetch('https:xxxxxxxxxxxxxx').then(response =>{ return response.json(); }) .then(data =>{ image.src = data['message']; });
上記で試した所、写真は表示されるのですが、クラスに入れようとする時のやり方がわかりません。
よろしくお願いいたします。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
0 コメント