Problem with weather app

Hi, I can’t get the ajax (to Get JSON) function to work. Can anyone please tell me what I’m doing wrong? Here is link to my app: https://codepen.io/ens0/pen/mEkJjk

Check the console (Ctrl + Shift + J).

You have a mixed content error.

If your codepen address is https your ajax call also should be over https.

And also vice-versa
if u want to use ip-api.com/json as https u need to pay
https://signup.ip-api.com/
or just load pen via http

Thank you very much.