Local Weather Project doesn't work on codepen


Here is the link. For some reasons it doesn’t work on codepen. It works on my computer though. Any ideas?
Console: XMLHttpRequest cannot load … failed to start loading.

Chrome needs HTTPS to use the geolocation API. But openweathermap uses HTTP. You can’t load a HTTP request over HTTPS (Chrome blocks it). You can simply use var url = "https://crossorigin.me/http://api.openweathermap.org/data instead of var url = "http://api.openweathermap.org/data. Crossorigin.me is regularly down though, so you might want to use an API that gets your location based on ip address or use a weather API that allows HTTPS.

1 Like

works on my end Firefox

1 Like

thanks guys, this was the only project left before my front end certificate

Awesome, congrats! :ok_hand: