根据来自 api (javascript) 的数据更改背景图像

Question

我正在执行一项任务，我必须制作一个天气应用程序，该应用程序在每个城市的天气中具有不断变化的背景图像。我正在使用 OpenWeatherMap API，到目前为止，我已经为图像提供了这段代码

var clearsky = new Image();
clearsky.src = "clearsky.jfif";

var clouds = new Image();
clouds.src = "fewclouds.jfif";

var fog = new Image();
fog.src = "fog.jpg";

var rain = new Image();
rain.src = "moderaterain.jpg";

var overcast = new Image();
overcast.src = "overcast.jpg";

var snow = new Image();
snow.src = "snow.jfif";

我不知道如何将图像链接到 API 中的天气描述。这就是我的页面看起来像 example of the web page that needs image background 这样理想情况下，我的代码中的阴天图像将显示在那里的 bg 中，因为天气描述是“阴云”

Answer 1

如果我理解正确，那么您需要使用 HasMap。例如：

HashMap<String, Image> hashMap = new HashMap();
hashMap.put("overcastClouds", overcast)