Wanderlust step 14

Hi, I’ve been struggling a lot with this code and I have no idea what I am doing incorrectly. Could anybody look through my code and see what is wrong.

I am at step 14 and I keep receiving the same error message.

Here is my code:

‘’’

//personal info hidden
const clientId = '';
const clientSecret = '';
const url = 'https://api.openweathermap.org/data/2.5/weather';

// OpenWeather Info
const openWeatherKey = '';

const weatherUrl = 'https://api.openweathermap.org/data/2.5/weather';

// Page Elements
const $input = $('#city');
const $submit = $('#button');
const $destination = $('#destination');
const $container = $('.container');
const $venueDivs = [$("#venue1"), $("#venue2"), $("#venue3"), $("#venue4")];
const $weatherDiv = $("#weather1");
const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];

// Add AJAX functions here:
const getVenues = async () => {
  const city = $input.val();
  const urlToFetch = `${url}${city}&limit=10&client_id=${clientId}&client_secret=${clientSecret}&v=20180101`

  try {
    const response = await fetch(urlToFetch);
    if (response.ok) {
      console.log(response)
    } else {
      throw new Error('Request Failed!');
    }

  } catch(error) {
    console.log(error);
  }
}

const getForecast = () => {

}


// Render functions
const renderVenues = (venues) => {
  $venueDivs.forEach(($venue, index) => {
    // Add your code here:

    let venueContent = '';
    $venue.append(venueContent);
  });
  $destination.append(`<h2>${venues[0].location.city}</h2>`);
}

const renderForecast = (day) => {
  // Add your code here:
  
	let weatherContent = '';
  $weatherDiv.append(weatherContent);
}

const executeSearch = () => {
  $venueDivs.forEach(venue => venue.empty());
  $weatherDiv.empty();
  $destination.empty();
  $container.css("visibility", "visible");
  getVenues()
  getForecast()
  return false;
}

$submit.click(executeSearch)

‘’’

I’m sorry, I don’t know how to make my code appear as code so I had to paste the exact form

Those errors are in the console unrelated to the code you type in the code editor. Can you show us the error that you get in the CC console? Also, look here for how to format code: [How to] Format code in posts

1 Like

This may be a stupid question, but how do I access the CC console?

Look at this image


I don’t know if I’m doing something wrong, but it isn’t showing the console.

Because it’s a webpage so it doesn’t display the console. And also it looks like it doesn’t display errors anywhere

Should I be using a different compiler for this?

You can and then just copy-paste the code back into CC. I thought it did display errors thought.

I don’t know of other compilers, if you know that would be great.

I personally use Replit as my IDE.

I created an account for that platform, thank you a a lot for that, I didn’t know as there are so many to choose. At the moment I am too tired to continue this, sorry for wasting your time, I’m going to continue this tomorrow if that’s okay with you. Goodnight Ethan.

1 Like

I know there are a lot of options and I did some research when I was looking for one. And you did waste my time. Good night :slight_smile: .

1 Like

Hello Ethan, I copied everything over to Replit, the console did not output anything so I used the Shell. Here was my output: