如何使用promise使用javascript显示结果？

如何解决如何使用promise使用javascript显示结果？

我正在尝试使用 javascript 理解和实现承诺。我有一个 searchMovies 函数，它接受 searchInput， 过滤文本并检查电影名称是否存在于电影数组中。我想在 resultContainer 中显示结果。 我能够读取输入框中输入的文本并将其传递给 SearchMovies 函数，但不确定如何处理承诺解析和拒绝。 我应该如何使用 promise 的输出并将其分配给 resultsContainer？

class MovieSearch {
  constructor(searchInput,resultsContainer) {
    this.searchInput = searchInput;
    this.resultsContainer = resultsContainer;
  }

  //helper function to debounce (only call it after there has been a "cool off" period) a function
  _debounce(fn) {
    let timeout = undefined;
    return (...args) => {
      if (timeout) {
        clearTimeout(timeout);
      }

      timeout = setTimeout(() => {
        fn(...args);
      },200);
    };
  }
}

// use this function to search the movie.
function searchMovies(searchText) {
  return new Promise((resolve,reject) => {
    setTimeout(() => {
      const regex = new RegExp(`${searchText}`,"i");
      try {
        resolve(movies.filter((movie) => regex.test(movie)));
      } catch (e) {
        reject(e);
      }
    },800);
  });
}

const search = new MovieSearch(
        document.querySelector(".search-input"),//input text area
        document.querySelector(".search-results") //display the result here
);

//call searchMovies and pass the input entered in text Box
var progress = search._debounce(searchMovies)
search.searchInput.addEventListener('input',function(){
    progress(search.searchInput.value);
    
});

const movies = [
  "Nomadland","Minari","Judas and the Black Messiah","The Trial of the Chicago 7",];

我应该在什么时候将结果分配给 resultContainer ？我需要调用 SearchMovies 函数两次吗？