映画情報を取得するAPIを使って上映中の映画と評価の高い映画の一覧を表示

前提・実現したいこと

TMDBというサイトから映画の情報を取得したいのですが上手く実装できません

コードに問題があるのでしょうか？回答をお願いします

発生している問題・エラーメッセージ

情報は取得できていますが、画面に表示されません

該当のソースコード

HTML
1<div id="container" class="container">
2        <section class="eachMovieSection">
3            <h2>Now Playing</h2>
4            <ul class="horizontal_scroll" id="horizontal_scroll_nowPlaying">
5            </ul>
6        </section>
7        <section class="eachMovieSection">
8            <h2>Top Rated</h2>
9            <ul class="horizontal_scroll" id="horizontal_scroll_popular">
10            </ul>
11        </section>
12    </div>

javascript
1const getNowPlayingURL = 'https://api.themoviedb.org/3/movie/now_playing?api_key=APIKEYを入力';
2 fetch(getNowPlayingURL)
3        .then(response => {
4          return response.json();
5        })
6        .then(data => {
7          data.results.map(movie => {
8            const nowPlayingMovie = new NowPlayingMovie(movie.id, movie.title,
9              movie.poster_path, movie.vote_average, movie.overview, movie.release_date);
10            　
11　　　　　　nowPlayingMovies.push(nowPlayingMovie);
12
13            const row = document.createElement('li');
14            row.classList.add('horizontal_pic');
15
16            const poster = document.createElement('img');
17            poster.src = `https://image.tmdb.org/t/p/w300_and_h450_bestv2/${movie.poster_path}`;
18           
19　　　　　　 const title = document.createElement('p');
20            title.textContent = movie.title;
21
22            horizontal_scroll_nowPlaying.appendChild(row);
23            row.appendChild(poster)
24            row.appendChild(title);
25          });
26        })
27        .catch(error => {
28          console.log('error');
29        });