Confirm Action on Double Click

Double-click to Delete

Return to Double click tutorial

Complete JavaScript Source

const button = document.getElementById('deleteButton');
const status = document.getElementById('deleteStatus');
button.addEventListener('dblclick', () => {
  const confirmed = confirm('Are you sure you want to delete this item?');
  status.textContent = confirmed ? 'Item deleted successfully!' : 'Action canceled.';
});

Complete HTML Source

<button id="deleteButton" type="button" class="btn btn-outline-danger">Double-click to Delete</button>
<p id="deleteStatus" class="mt-3" aria-live="polite"></p>