JSFiddle - React, Tailwind, and code Playground

by lemon kazi

HTML

<a href="http://www.theuselessweb.com/" id="homepage">Home</a>
<button type="button" id="back">Back</button>
<button type="button" id="refresh">Refresh</button>

JavaScript

// assume that the homepage button has an id "homepage".
var btn = document.getElementById('homepage'),
    back = document.getElementById('back'),
    refresh = document.getElementById('refresh'),
    clicked = false;

btn.addEventListener('click', function () {
  clicked = true;
});

back.addEventListener('click', function () {
  history.back();
});

refresh.addEventListener('click', function () {
  location.reload();
});

window.onbeforeunload = function () {
  if(!clicked) {
    return 'If you resubmit this page, progress will be lost.';
  }
};