Film Finder not logging to console, no dropdown

I have been trying to get past step 11 in the Film Finder project within the Async Javascript and HTTP Requests section. My jsonResponse variable is not logging to the console (using Chrome Devtools). When I try to move to step 12, my genres variable also does not log to the console, and I am unable to see a dropdown menu in the project.

I’ve looked over the code, and compared this to other forum posts by people who have had the same issue in this project, but I can’t figure out what’s wrong with my code.

Here is a link to my project:

This is my code:

const tmdbKey = ‘’;
const tmdbBaseUrl = ‘’;
const playBtn = document.getElementById(‘playBtn’);

const getGenres = async () => {
const genreRequestEndpoint = ‘/genre/movie/list’;
const requestParams = ?api_key=${tmdbKey};
const urlToFetch = ${tmdbBaseUrl}${genreRequestEndpoint}${requestParams};
try {
const reponse = await fetch(urlToFetch);
if (response.ok) {
const jsonResponse = await response.json();
const genres = jsonResponse.genres;
return genres;
} catch(error) {

const getMovies = () => {
const selectedGenre = getSelectedGenre();


const getMovieInfo = () => {


// Gets a list of movies and ultimately displays the info of a random movie from the list
const showRandomMovie = () => {
const movieInfo = document.getElementById(‘movieInfo’);
if (movieInfo.childNodes.length > 0) {


playBtn.onclick = showRandomMovie;

To preserve code formatting in forum posts, see: [How to] Format code in posts

// You wrote:
const reponse = await fetch(urlToFetch);

// It should be:
const response = await fetch(urlToFetch);

Wow can’t believe I missed that, thank you so much!