Errors with Wanderlust steps 13, 14

Hi, I have been stuck on Wanderlust steps 13, 14 for awhile…most recent error is a cors error. I’ve done some reading and understand a bit about what it is, but I am not sure how to resolve the issue so I can move on. The error:

Access to fetch at ‘https://api.foursquare.com/v2/venues/explore?near=Boston&limit=10&client_id=SAHGGFGNUDDM0VGN4AVBOKM4FHS1FODGUO1I3IO3OFFP5AU2&client_secret=2YPPHMHRAO1OBNSOMX1QLYLFKBU4HV1IS2ARFTRHEW0OUU1R&v=20191130’ from origin ‘https://9d332ae1eeb54da9bc31223f1f49592c.cc-propeller.cloud’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

The code:
// Foursquare API Info
const clientId = ‘SAHGGFGNUDDM0VGN4AVBOKM4FHS1FODGUO1I3IO3OFFP5AU2’;
const clientSecret = ‘2YPPHMHRAO1OBNSOMX1QLYLFKBU4HV1IS2ARFTRHEW0OUU1R’;
const url = ‘https://api.foursquare.com/v2/venues/explore?near=’;

// OpenWeather Info
const openWeatherKey = ‘a095b7dd032bc09dff44434a5d9d244e’;
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=20191130`;
try{
const response = await fetch(urlToFetch);
if(response.ok){
console.log(response);
}
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}`);
}

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)

Thanks for the help,
Ron