$("#quoteButton").on("click", function() {
    location.reload();
});

I worked on a 'Random Quote Machine' from Free Code Camp web site via NetBeans IDE 8.2 and this code works well, but when I paste it on CodePen for some reason it doesn't work on CodePen full page view. Is there a way that I can make a page reload when I click on a button on CodePen full page view anyway?

In Debug mode view on CodePen it's working. Here's a link to my CodePen:

$("#quoteButton").on("click", function() {
    location.reload();
});

I worked on a 'Random Quote Machine' from Free Code Camp web site via NetBeans IDE 8.2 and this code works well, but when I paste it on CodePen for some reason it doesn't work on CodePen full page view. Is there a way that I can make a page reload when I click on a button on CodePen full page view anyway?

In Debug mode view on CodePen it's working. Here's a link to my CodePen: https://codepen.io/NemStep/pen/pdmowz

• javascript
• jquery
• codepen

• It works just fine for me in full page mode. What browser are you using where full page mode doesn't work? – TylerH Commented Dec 6, 2017 at 16:34
• No where in the Pen that you linked do you have this code? – Someone Commented Dec 6, 2017 at 16:36
• I have 50 quotes. After 50 clicks, the button name changes to 'Read again' and then the page refreshes. history.go (0); instead of location.reload (); solved my problem with CodePen. – Nemanja Stepanović Commented Dec 6, 2017 at 16:50
• It doesn’t work because CodePen replaces location.reload() by location.removedByCodePen(). Look into the browser console (dev tools) (hit F12). It says TypeError: window.location.removedByCodePen is not a function. – Sebastian Simon Commented Apr 5, 2018 at 19:37

2 Answers 2

This is an alternative to location.reload.

The parameter of go is the page index, in this case, 0 is the current page.
For instance, go(-2) would go 2 pages back in the history.

$("#quoteButton").on("click", function() {
    history.go(0);
});

Add this in your pen:

function ref() {
  a = "reload";
  b = "location";
  window[b][a]();
}

then call it :D or use self instead of window.