Estoy recibiendo data desde un API de peliculas para hacer un WatchList. Estoy renderizando la data de la API a HTML con Bootstrap dependiendo del "user input"
Este es el codigo:
let displayMovies;
$.each(results, (index, {title, poster_path, release_date }) => {
displayMovies += `
<div class="col-md-3">
<div class="well text-center">
<img src="https://image.tmdb.org/t/p/original${poster_path}"></a>
<h5>${title}</h5>
<h4>${release_date}<h4>
<button class="btn btn-primary" id="add-button" type="button">Add to watchlist</button>
</div>
</div>
`;
});
$("#movies").html(displayMovies);
Como podria seleccionar la pelicula y mandar su informacion(title, poster_path, release_date) al localStorage al presionar el boton "AddtoWatchList"?