Mocking user actions with buttons

prototypeButtons.js

/**
 * prototypeButtons
 *
 * Listen for click event across the document & trigger on
 * buttons that have a data-prototype-url attribute.
 *
 * Usage:
 * <button type="button" data-prototype-url="page.html">Click me</button>
 *
 * Do NOT use this in production. That’s what links are for.
 */

'use strict';

(function () {
  document.addEventListener('click', function (event) {
    if (event.target.matches('[data-prototype-url], [data-prototype-url] *')) {
      var button = event.target.closest('[data-prototype-url]');
      var buttonURL = button.getAttribute('data-prototype-url');
      window.location.href = buttonURL;
      console.log(button.textContent + ' clicked');
    }
  }, false);
})();

Original article: https://frippz.se/2019/01/21/mocking-actions-with-buttons/