Need Help with JavaScript - Requests - wanderlust project

Hello there!
I am having a problem with this project - https://www.codecademy.com/paths/web-development/tracks/webdev-intermediate-javascript/modules/intermediate-javascript-requests/projects/wanderlust.

It gives me a 400 Error response instead of the response object.

{
meta: {
code: 400,
errorType: "invalid_auth",
errorDetail: "Missing access credentials. See https://developer.foursquare.com/docs/api/configuration/authentication for details.",
requestId: "5ef2ea82a50d067df91c626d"
},
response: { }
}

here is my code:

const clientId = 'HAOOM0PUHB23M1HXJGTW00RGGH4GYOS4RIPTI5O5MP24S2YN';
const clientSecret = 'YPXMWERXPBJSFPI3JQOEEBGACE23LITV5BV4N2ZMOYGZJDBI';
const url = 'https://api.foursquare.com/v2/venues/explore?near=';

const getVenues = async () => {
const city = $input.val();
const urlToFetch = url+city+"&limit=10&clinet_id="+clientId+"&client_secret="+clientSecret+"&v=20200620";
try {
const response =  await fetch(urlToFetch);
if (response.ok){
  const jsonResponse = await response.json();
  console.log(jsonResponse);

}
} catch (er){
  cosnole.log(er)
}
}

please help!

I am getting the same result over and over