confirmDelete.js

by jorgeluis

HTML

<a href="#delete" data-confirm="Are you for real?">Delete link</a>

<hr>

<form action="#delete">
  <button type="submit" data-confirm="Are you for real?">Delete button</button>
</form>

JavaScript

var confirmableActions = document.querySelectorAll('[data-confirm]');

for (i = 0; i < confirmableActions.length; ++i) {
  confirmableActions[i].addEventListener('click', function(event) {
    event.preventDefault();
    if ( confirmDelete(this.dataset.confirm) ) {
      alert('confirmed')
    } else {
     alert('not confirmed')
    };
  });
};

function confirmDelete(msg) {
	msg = msg || 'Are you sure you want to delete?';
  return confirm(msg);
}