Codecademy export

main.js

// Foursquare API Info
const clientId = 'ZEWCQVTPVQ5T32N1FJUBWKUJKHPO0VLCQXEB30QZ05DDD4AB';
const clientSecret = 'OLBDQRCBBUOQAAE3MVJ1OLKGXHBXEAZYRL3W0NAJQQB4V4ZM';
const url = 'https://api.foursquare.com/v2/venues/explore?near=';

// OpenWeather Info
const openWeatherKey = '04a08fe5e28eeae7e8a816b83da49b3a';
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=20180401');
    try {
      const response = fetch(urlToFetch);
      if (response.ok)  {
        console.log(response);
      }
    } 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)