JavaScript History Navigation Demo

Complete source

<!doctype html>
<html lang="en">
<body>
  <p id="historyCount"></p>
  <button type="button" id="forwardButton">forward</button>
  <button type="button" id="backButton">Back</button>
  <button type="button" id="goMinus1">go -1</button>
  <button type="button" id="goMinus2">go -2</button>
  <script>
  document.getElementById('historyCount').textContent = `Total number of pages in History ${history.length}`;
  document.getElementById('forwardButton').addEventListener('click', () => history.forward());
  document.getElementById('backButton').addEventListener('click', () => history.back());
  document.getElementById('goMinus1').addEventListener('click', () => history.go(-1));
  document.getElementById('goMinus2').addEventListener('click', () => history.go(-2));
  </script>
</body>
</html>