how to get input value and use it in async function for search in api?

Viewed 204

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
  }
}
0 Answers
Related