Нужно настроить пагинацию. Не могу найти ошибку в коде

const searchFilmForm = document.querySelector('.search__form');
const searchFilmInput = document.querySelector('.search__input');
const prevButton = document.querySelector('.btn-prev');
prevButton.classList.add('page-main__films-list');
const nextButton = document.querySelector('.btn-next');
let inputValue = '';
let pageNumber = 1;
 
function fetchFilms() {
  fetch(
    `https://api.themoviedb.org/3/search/movie?api_key=4c70739ab1bc7f2c582885ab460406ce&language=en-US&page=${pageNumber}&include_adult=false&query=${inputValue}`,
  )
    .then(data => data.json())
    .then(res => {
      if (res.results.length > 1) {
        moviesList.innerHTML = '';
      }
      res.results.forEach(movie => {
        moviesList.insertAdjacentElement(
          'beforeend',
          createCardFunc(movie.backdrop_path, movie.title, movie.id),
        );
      });
      renderFilms = res.results;
      return renderFilms;
    })
    .catch(err => console.log(err));
}
 
function searchFilm(event) {
  event.preventDefault();
  inputValue = searchFilmInput.value;
  searchFilmForm.reset();
  fetchFilms();
}
 
searchFilmForm.addEventListener('submit', searchFilm);
 
function plaginationNavigation(e) {
  pageNumber === 1 || pageNumber < 1
    ? prevButton.classList.add('page-main__films-list')
    : prevButton.classList.remove('page-main__films-list');
  if (e.target.id === 'btn-prev') {
    pageNumber = pageNumber - 1;
    if (inputValue === '') {
      fetchPopularMoviesList();
    } else {
      fetchFilms();
    }
  } else {
    pageNumber = pageNumber + 1;
    if (inputValue === '') {
      fetchPopularMoviesList();
    } else {
      fetchFilms();
    }
  }
  pageNumber === 1 || pageNumber < 1
    ? prevButton.classList.add('page-main__films-list')
    : prevButton.classList.remove('page-main__films-list');
}
 
prevButton.addEventListener('click', plaginationNavigation);
nextButton.addEventListener('click', plaginationNavigation);