我每次搜索时都尝试打印新结果,但输出在前一个结果之后不断添加,我想要的是清除以前的结果并在eventListener提交时显示新结果。这是我的javascript代码:
const form = document.querySelector("#searchForm")
const icon = document.querySelector("#tvIcon")
form.addEventListener("submit", async(event)=>{
event.preventDefault();
const search = form.elements.query.value;
const config = {params: {q: search}}
const res = await axios.get("http://api.tvmaze.com/search/shows", config)
// console.log(res.data)
makeImages(res.data);
form.elements.query.value = "";
});
const makeImages = (show)=>{
let tvPics = document.querySelector("#tvImages")
for(let result of show){
if(result.show.image){
let img = document.createElement("IMG");
img.src = result.show.image.medium;
tvPics.append(img)
}
}
};