# CodePen problem - Random Quote Machine **URL:** \ **Category:** General\ **Created:** [May 3, 2017, 4:25pm UTC](https://forum.freecodecamp.org/t/codepen-problem-random-quote-machine/111837 "2017-05-03T16:25:59Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![bazita](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bazita/32/46710_2.png) [@bazita](https://forum.freecodecamp.org/u/bazita)\ **Post date:** [May 3, 2017, 4:25pm UTC](https://forum.freecodecamp.org/t/codepen-problem-random-quote-machine/111837/1 "2017-05-03T16:25:59Z")
Hi, i need help with this please, My code work perfect on Text editor but not on CodePen ! [https://codepen.io/bazita/details/rmzWma/](https://codepen.io/bazita/details/rmzWma/) ---
**Author:** ![bazita](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bazita/32/46710_2.png) [@bazita](https://forum.freecodecamp.org/u/bazita)\ **Post date:** [May 3, 2017, 4:32pm UTC](https://forum.freecodecamp.org/t/codepen-problem-random-quote-machine/111837/2 "2017-05-03T16:32:13Z")
I guess is the Https block my URL request but i don’t know how to solve this. ☹ ---
**Author:** ![kevinSmith](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevinsmith/32/72934_2.png) [@kevinSmith](https://forum.freecodecamp.org/u/kevinSmith)\ **Post date:** [May 3, 2017, 4:32pm UTC](https://forum.freecodecamp.org/t/codepen-problem-random-quote-machine/111837/3 "2017-05-03T16:32:57Z")
Change the address bar to http; ```auto http://codepen.io/bazita/details/rmzWma/ ``` ---
**Author:** ![kevinSmith](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevinsmith/32/72934_2.png) [@kevinSmith](https://forum.freecodecamp.org/u/kevinSmith)\ **Post date:** [May 3, 2017, 4:34pm UTC](https://forum.freecodecamp.org/t/codepen-problem-random-quote-machine/111837/4 "2017-05-03T16:34:01Z")
---
**Author:** ![Aaronms](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aaronms/32/67097_2.png) [@Aaronms](https://forum.freecodecamp.org/u/Aaronms)\ **Post date:** [May 3, 2017, 4:36pm UTC](https://forum.freecodecamp.org/t/codepen-problem-random-quote-machine/111837/5 "2017-05-03T16:36:21Z")
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. ---
**Author:** ![bazita](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bazita/32/46710_2.png) [@bazita](https://forum.freecodecamp.org/u/bazita)\ **Post date:** [May 3, 2017, 7:31pm UTC](https://forum.freecodecamp.org/t/codepen-problem-random-quote-machine/111837/6 "2017-05-03T19:31:05Z")
i solve the issue i change API URL from the old: [http://quotes.stormconsultancy.co.uk/random.json](http://quotes.stormconsultancy.co.uk/random.json) TO the new: [https://quotes.stormconsultancy.co.uk/random.json](https://quotes.stormconsultancy.co.uk/random.json) 🙂 can i get some reviews on this projects, thanks. ---
**Author:** ![kevinSmith](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevinsmith/32/72934_2.png) [@kevinSmith](https://forum.freecodecamp.org/u/kevinSmith)\ **Post date:** [May 3, 2017, 8:00pm UTC](https://forum.freecodecamp.org/t/codepen-problem-random-quote-machine/111837/7 "2017-05-03T20:00:38Z")
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](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/](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](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](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](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. ---
**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\ **Post date:** [January 17, 2021, 9:37am UTC](https://forum.freecodecamp.org/t/codepen-problem-random-quote-machine/111837/8 "2021-01-17T09:37:17Z")
Closed on January 17, 2021, 9:37am UTC