CodePen problem - Random Quote Machine

Hi, i need help with this please,
My code work perfect on Text editor but not on CodePen !
https://codepen.io/bazita/details/rmzWma/

I guess is the Https block my URL request but i don’t know how to solve this. :frowning:

Change the address bar to http;

http://codepen.io/bazita/details/rmzWma/

I would also convert your code to work better in Codepen. Remove extraneous html, link to resources through the settings not directly inline …etc. Codepen is nice for the convenience, but it’s simplicity can be a pain when porting code from a local environment.

i solve the issue i change API URL from the old:
http://quotes.stormconsultancy.co.uk/random.json
TO the new:
https://quotes.stormconsultancy.co.uk/random.json :slight_smile:

can i get some reviews on this projects, thanks.

I’m getting errors in the browser console. Please learn to check the browser console (ctrl-shft-j in Chrome). It’s an extremely powerful tool.

There is the error:

GET https://s.codepen.io/boomerang/iFrameKey-b7b6d5de-0213-dc56-2413-a7ad2532495a/style.css

That’s because you left this line …

… in your html. Probably left over from building this locally. Get rid of it now.

The other error is:

bootstrap.min.js:7 Uncaught Error: Bootstrap tooltips require Tether (http://tether.io/)
You need to add tether in your JS addins before the bootstrap. Add this:
https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js

Once I do all that I still get an error when I try to get a quote:

GET https://quotes.stormconsultancy.co.uk/random.json net::ERR_INSECURE_RESPONSE

As near as I can tell, there isn’t an https api there. If you just put that string (http://quotes.stormconsultancy.co.uk/random.json) into the address bar, you can see that it doesn’t work. A quick browse of the api docs didn’t find an https service.

As far as a review, it looks nice (apart from it not working). The css effects are nice.