0

我每次搜索时都尝试打印新结果,但输出在前一个结果之后不断添加,我想要的是清除以前的结果并在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)
    } 
    }
};
4

0 回答 0