I am trying to check the code I wrote to get weather of any city. But I fail to run the code on 'Code pen' editor whatever way I try. The same code runs on 'Atom' editor using google chrome browser without a problem with the API key I have.
Code pen file: "https://codepen.io/bmanandhar/pen/GQoGJG?editors=1011"
Code pen editor gets an error as shown below.
"Failed to load resource: the server responded with a status of 401 (Unauthorized)" and
"VM8242 jquery.min.js:4 Mixed Content: The page at 'https://codepen.io/bmanandhar/pen/GQoGJG?editors=1011' was loaded over HTTPS, but requested an insecure script 'http://api.openweathermap.org/data/2.5/weather?q=london&units=imperial&appid=8f236e524e673e139b0f6739b81a6eb4&callback=jQuery32108514323124872618_1518119416785&_=1518119416786'. This request has been blocked; the content must be served over HTTPS.".
Please use this API request:
The API key you have provieded is valid.
Please try again.