Bootstrap Confirm Delete Modal | Popup

What is the code snippet to create a Bootstrap confirm delete modal or popup?

The code provided demonstrates the usage of Bootstrap to create a confirmation modal for deleting an item. When the "Delete Item id 10" button is clicked, it triggers the display of the modal with the ID "deleteModal". The modal consists of a header, body, and footer. The header contains a title, and a close button.

The body displays a confirmation message asking if the user wants to delete the item. The footer includes a "Cancel" button to dismiss the modal and a "Delete" button for confirming the deletion. Additionally, there is a toast message displayed at the bottom-right corner, which serves as a notification.

How can I create a Bootstrap Confirm Delete Modal or Popup using jQuery?

The code snippet represents a JavaScript function called confirmDeleteModal, which is used to display a confirmation modal or popup for deleting an item. The function takes an itemId parameter that specifies the ID of the item to be deleted.

Inside the function, the item ID is set as the text in the modal body by selecting the appropriate element using its ID.

The delete button's click event handler is set using jQuery. When the delete button is clicked, the function performs the deletion logic, logs a message indicating the deletion of the item ID, and hides the modal.

After that, a toast message is displayed using Bootstrap's toast component. The toast message indicates the successful deletion of item 10 and displays the current time obtained from the getCurrentTime() function.

In summary, the confirmDeleteModal function sets up a Bootstrap modal for confirming the deletion of an item and handles the deletion logic, hiding the modal, and displaying a toast message.