Fetch movie info with promises

Pulp Fiction
Genre: Crime, Drama
Released: 14 Oct 1994
Actors: John Travolta, Uma Thurman, Samuel L. Jackson
Director: Quentin Tarantino
The lives of two mob hitmen, a boxer, a gangster and his wife, and a pair of diner bandits intertwine in four tales of violence and redemption.
const omdbapi = 'https://www.omdbapi.com/';
const spinner = document.querySelector('.spinner');
const form = document.querySelector('form');
function fetchMovie(url) {
console.log(url);
fetch(url)
.then((response) => {
// check for errors
if (!response.ok) {
throw new Error(`An error has occurred: ${response.status} ${response.statusText}`); // check for errors
}
// return JSON data
return response.json();
})
.then((movie) => {
// info if movie not found
let info = `
<div class="card warning full-width">
<p>No info found for <b>${title.value}</b></p>
</div>`;
// overwrite info if the movie is found
if (movie.Response === 'True') {
const poster = movie.Poster && movie.Poster.length > 10 ? `<img src="${movie.Poster}">` : '';
info = `
<div class="row">
<div class="col-sm-6">${poster}</div>
<div class="col-sm-6">
<h2>${movie.Title}</h2>
<p><b>Genre: </b>${movie.Genre}<br>
<b>Released: </b>${movie.Released}<br>
<b>Actors: </b>${movie.Actors}<br>
<b>Director: </b>${movie.Director}<br></p>
<hr>
<p class="text-justify">${movie.Plot}</p>
</div>
</div>`;
}
document.getElementById('movieContainer').innerHTML = info;
})
.then(() => {
// hide the spinner
spinner.classList.add('hidden');
})
.catch((error) => {
spinner.classList.add('hidden');
console.log(error);
});
}
form.addEventListener('submit', (e) => {
e.preventDefault();
// get all field data from the form
const data = new FormData(form);
// convert data to a query string
const queryString = new URLSearchParams(data).toString();
// console.log(queryString);
// fetch data from OMDb
fetchMovie(`${omdbapi}?${queryString}`);
});
form.dispatchEvent(new Event('submit'));