Random Quote Machine: quotes and authors don't show up in Codepen (but they DO in Atom)

Tell us what’s happening:

Hello! I decided to use Atom to make my Random Quote Machine. However, now that I’m copying/pasting the code to Codepen, no quotes or authors show up.

Thanks for taking a look! Have a great day!

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Safari/537.36.

Challenge: Build a Random Quote Machine

Link to the challenge:

Seems to be an issue with the scripts you’re linking to.

Hey there,

I think the error in the Chrome Dev Tools console is very helpful:

code.jquery.com/jquery-2.2.4.min.js:4 Mixed Content: The page at 'https://codepen.io/' was loaded over HTTPS, but requested an insecure script 'http://api.forismatic.com/api/1.0/?jsonp=...'. This request has been blocked; the content must be served over HTTPS.

Thanks for reminding me about the Chrome Dev Tools console. Simple fix adding an ‘s’ to ‘http’. Thank you very much, Miku!