I am trying to make a simple search bar for a movies website. How can I get a value from an input to use in an async API call?
searchMOvies.addEventListener('keyup', (event) => {
let moviesName = event.target.value
console.log(moviesName)
})
async function search() {
let response = await fetch(`https://api.themoviedb.org/3/search/movie?api_key=[REDCATED]&language=en-US&query=${moviesName}&page=1&include_adult=false`);
if (response.status === 200) {
let data = await response.json();
console.log(data.results);
showMovise(data.results);
} else {
console.log(response.status); // 400
console.log(response.statusText); // Not Found
}
}