填写html img标签'；src&x27；基于从API javascript代码派生的信息的表单

因此，我试图从openweatherAPI中添加一个img元素，当用户通过键入一个城市获得当前的web统计数据时，它会显示一个图标，该图标与JSON结果中的内容相对应（即散乱的云、晴朗的天空等的图像）。为了显示img，我知道我需要将url粘贴到img标记的“src”部分。该URL看起来像：

 const png = "http://openweathermap.org/img/wn/" + icon + "@2x.png"

然而，为了使这个动态化，img标记“src”必须根据输入城市的图像文件的内容进行更改

我已经从js文件中的“icon”和“png”变量定义了逻辑。我的问题是，如何根据用户在页面上输入的城市，用“png”变量的结果填充html img“src”

我在下面包含了html和javasript代码

const-button=document.querySelector（“.button”）
const inputValue=document.querySelector（“.inputValue”）
const name=document.querySelector（“.name”）
const desc=document.querySelector（“.desc”）
const temp=document.querySelector（“.temp”）
const img=document.querySelector（“.image”）
按钮。addEventListener（'click'，函数（）{
取（'http://api.openweathermap.org/data/2.5/weather?q=“+inputValue.value+”&units=imperial&appid=61dcc0033e94c4172d2bb94bb607fc5d”）
.then（response=>response.json（））
。然后（数据=>{
常量名称值=数据['name']
常量tempValue=数据['main']['temp']
const descValue=data['weather'][0]['description']
const icon=weatherData.weather[0]。icon
常量png=”http://openweathermap.org/img/wn/“+图标+”@2x.png”
name.innerHTML=nameValue
temp.innerHTML=tempValue
desc.innerHTML=descValue
img.innerHTML=
})
.catch（错误=>警报（“错误的城市名称！”）
})

OpenWeatherAPI

如果我没有弄错的话，我看不到Java脚本中有任何地方可以更改

编辑

只需获取该元素，然后设置其源代码（如blow），即可更改src：

document.getElementById("myImg").src = png;


这是假设您在
标记中添加了一个id
“myImg”
，如下所示：

这是我的问题。如何获取HTML文件中src=”“的内容，以填充“png”变量的结果？
img.src=png（假设
png
变量是图像的源）
<img class="image" src="" id="myImg">


img.src = png;