meals

[millede]

const form = document.querySelector('form')
const input = document.querySelector('input')
let meals=[];

const fetchMeal = async ()=> {
await fetch (https://www.themealdb.com/api/json/v1/1/search.php?s=${search})
.then((res)=>res.json())
.then((data)=>meals = data.meals)

console.log(meals)
mealsDisplay()
};

const mealsDisplay = async ()=> {
result.innerHTML = meals.map ((meal) =>
<li class="card"> <h2>${meal.strMeal}</h2> <img src=${meal.strMealThumb} alt= recette ${meal.strMeal} > </li>
).join("")
}

input.addEventListener('input',(e)=>{
const search = e.target.value
})

form.addEventListener('submit',(e)=> {
e.preventDefault();
fetchMeal()
})