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:

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 as https u need to pay
or just load pen via http

Thank you very much.