So I have a website which displays movies from an API, but it only displays 20 items on one page, and I'd like it to display all items on multiple numbered pages. Website image:

Javascript:

fetchURL(url);

    function fetchURL(url){
        fetch(url)
        .then(res => res.json())
        .then(data =>{
            trendingMovies(data.results)
                })
    }

    trendingMovies = movies =>{
        movie_container.innerHTML = '';

        movies.forEach(movie => {
            img = IMG_URL + movie.poster_path;
            title = movie.title;

            const movieEl = document.createElement('div');
            movieEl.classList.add('movie');

            movieEl.innerHTML = 
            `<img src="${img}">
            <span class="movie_title">${title}</span>
                `
            movie_container.appendChild(movieEl);

        });
    };

So I'm looking for a way to display more than 20 items of API