javaScriptでopen weather apiから天気を取得、表示するサイトを作成しました。open weather api からjavaScrpitに読み込んだ'maxTemp'の数値によって異なる画像を表示したいのですが、コードが分かりません。
以前、pythonでランダムに結果を取得、htmlで対応する画像を表示する方法は理解したので、pythonファイルで作成しても良いのですが、javaScriptにあるmaxTempをpythonファイルで読み込ませる方法が分かりませんでした。
該当のソースコード
javaScript
1前略 2$.ajax({ 3 url: URL + CITY + '&units=Metric' + '&appid=' + API_KEY_WEATHER, 4 type: "GET", 5 success: function(data) { 6 let htmltext = ""; // 表示するHTML HTML to be shown 7 8 let maxTemp = data.main.temp_max; // 最高気温 9 10 // 以下でHTMLを作成 build HTML below 11 12 htmltext += '<li>' + '最高気温:' + maxTemp + '℃' + '</li>'; 13 14 if (maxTemp > 30) htmltext += '<li>hot</li>'; 15 else if (maxTemp > 20) htmltext += '<li>warm</li>'; 16 else htmltext += '<li>cool</li>'; 17 18 htmltext += '</ul>'; 19 document.getElementById("weather").innerHTML = htmltext; 20 21 } 22}); 23 24 25### 試したこと 26jsファイルで 27・document.write('<img src="https://**png">');で画像が表示されること 28・if (maxTemp <= 10) document.write('<img src="https://**png"); 29・ switch (maxTemp <= 10);{ 30 case maxTemp <= 15: 31 document.write('<img src="https://**png">'); 32 case maxTemp <= 20: 33 document.write('<img src="https://***.png">'); 34 }

バッドをするには、ログインかつ
こちらの条件を満たす必要があります。