class Search{
    constructor(){
        this.page=1;
        this.getSearch();
    }

    async getSearch() {
        // var res = await indexService.search();
        let div=document.querySelector('.header div');
        let input=document.querySelector('.header input');
        let conn=document.querySelector('.content');
        input.onfocus=()=>{
            input.value='';
         };
        div.onclick=async()=>{
           let ser= await indexService.search({
                q:input.value,
                page:'1',
            });
            ser.forEach((item,index)=>{
               conn.innerHTML+=`
                <a href=''>
                    <div class="three_meals_item">
                    <img src="${item.img}" alt="">
                    <div class="text">${item.title}</div>
                    <div class="desc">${item.des}</div>
                    </div>
                </a>
               `;
            })
        };
        
       
    }


}



new Search();