非同期通信でJSONデータの取得をクラス式で実現するにはどうしたらいいでしょうか?
HTML上のボタン押下後に画像を表示できるようにしたいんですが、クラス式での方法を色々調べてもわかりませんでした。わかる方お力を貸していただきたいです。
まだエンジニアの学習を始めて数ヶ月でわからない事だらけなのでお手柔らかにお願いいたします。
const btn = document.getElementById("btn");
const dogImg = document.getElementById("dogImg");
// ボタンをクリックしたらイベント発動
btn.addEventListener("click", () => {
fetch("https://example.com/api") // APIのURL
.then((response) => {
return response.json();
})
.then((myJson) => {
// imgタグに取得したURL画像を入れる
dogImg.src = myJson["message"];
});
});