Javascript 5天预测在改变城市时继续增加天数

当我从一个城市切换到另一个城市时，我的5天预测停留在列表中，接下来的5天预测添加到列表中，如果您查看几个城市的天气，而不重新加载中间的页面，则列表将非常长。 我做错了什么？

//预测5天
const readForecast=（json）=>{
const forecastContainer=document.getElementById（“forecast”）；
const forecastContainer2=document.getElementById（“forecast2”）；
//00:00
const filteredForecast=json.list.filter（（项）=>
项目.dt_txt.包括（“00:00:00”）
);
filteredForecast.forEach（（预测）=>{
让forecasteElement=document.createElement（“div”）；
let day=新日期（forecast.dt*1000）.getDay（）；
常日=[“周一”、“周二”、“周三”、“周四”、“周五”、“周六”、“周日”]；
forecastElement.innerHTML=`
${天[天]}`；
forecastrement.classList.add（`forecast1`）；
PrecastContainer.appendChild（PrecastElement）；
});
const objectDate={}；
json.list.forEach（（项）=>{
const date=item.dt_txt.split（“”[0]；
如果（objectDate[日期]）{
objectDate[日期]。推送（项目）；
}否则{
objectDate[日期]=[项目]；
}
});
//12点
const filteredForecastNoon=json.list.filter（（项）=>
项目.dt_txt.包括（“12:00:00”）；
forecast.forEach（（预测）=>{
让forecasteElement=document.createElement（“div”）；
const date=forecast.dt_txt.split（“”[0]；
const weatherData=objectDate[date]；
const temps=weatherData.map（（值）=>value.main.temp）；
const minTemp=Math.min（…temps）；
常量maxTemp=数学最大值（…temps）；
forecastElement.innerHTML=`
${minTemp.toFixed(
0
)}°c/${maxTemp.toFixed（0）}°c`；
forecastElement.classList.add（`forecast2`）；
预报员集装箱2.附件（预报员）；
});
}

我看到预测容器的附件。我从未看到删除。您需要向正在添加的div添加一个id，然后在创建下一个div之前将其删除。这里有一个参考资料