Tengo 4 carruseles que muestran información de texto de una API cuando el usuario ingresa contenido en una barra de búsqueda y hace clic en el botón de búsqueda. Cuando el usuario repite el proceso, ¿hay alguna manera de eliminar la información de texto existente y reemplazarla con la nueva información que obtiene la API?

 var getMovie = function (event) { // gets button element var inputEl = document.querySelector(".validate"); // retrieves button element text data var movie = inputEl.value.trim(); movie = movie.toUpperCase(); // calls retrieveData function retrieveData(movie); // clear input field inputEl.value = ""; }; var displayMovie = function (data2, movie, data) { saveMovie(movie); mainContentEl.style.display = "block"; var reviewData = data; // get movie data var movieData = data2; // calls carousel builder functions // scale the headers of the cards down // enlarge the content font slightly to fill the card carouselItemOne(movieData, movie); carouselItemTwo(movieData, movie); carouselItemThree(reviewData, movie); carouselItemFour(movieData, movie); };