Weather App working with safari but not with Chrome

Hello everybody,

Could you please give me some feedback on this project:

It is working fine on safari but not on Chrome apparently. Does any have an idea why?

Thanks

Julien

This is the error in the console:
Mixed Content: The page at 'https://codepen.io/julienKW/pen/LWOoMM' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.weatherunlocked.com/api/current/51.50,-0.12?app_id=ac5345f6&app_key=a63c0b67d339ec366a6d79bf27b527a7'. This request has been blocked; the content must be served over HTTPS.

You can’t make http requests (like to the API) when your page is loaded over https.

Thanks a lot. It is now working with bth Safari and Chrome.

How did you get it to work? I changed http to https and received this error:
https://api.openweathermap.org/data/2.5/weather?q=07850&APPID=… net::ERR_CONNECTION_REFUSED

Hello Steve,

You need to sign up for a new account and request for an ID and a key. Then you need to replace in the URL below. That is where you can get all the info you want.

https://api.weatherunlocked.com/api/current/51.50,-0.12?app_id=“here”_key=“here”’.

Good luck!!

Julien