jsファイルまたはhtmlファイルでif文を作り

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    }