HTML
CSS
JS
Result
HTML
<!DOCTYPE html> <html> <head> <title>Delete Confirmation Message using JavaScript</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <ul id="myList"> <li>Item 1 <button onclick="deleteItem(this)">Delete</button></li> <li>Item 2 <button onclick="deleteItem(this)">Delete</button></li> <li>Item 3 <button onclick="deleteItem(this)">Delete</button></li> </ul> </body> </html>
CSS
JS
function deleteItem(element) { var listItem = element.parentNode; var confirmDelete = confirm("Are you sure you want to delete this item?"); if (confirmDelete) { listItem.remove(); } }
How to show a confirmation message before Deleting using JavaScript?