<div class="modal" tabindex="-1" role="dialog" id="myModal" data-backdrop="static" data- keyboard="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title"id="myModalTitle">Alias Name</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body" id="myModalContent"> <p>Do you want your First Name as Alias Name</p> </div> <div class="modal-footer"> <button id="myModalButtonYes" type="button" class="btn btn-primary" data- dismiss="modal">Yes</button> <button id="myModalButtonNo" type="button" class="btn btn-secondary" data- dismiss="modal" >No</button> </div> </div> </div> </div> <script> $(document).ready(function () { $('#myModalTitle').text('Duplicate Patient'); $('#myModalContent').text('A patient already exists with the same name and birthdate. Do you want to continue?'); const btn = document.getElementById("myModalButtonNo") btn.addEventListener("click", DuplicateName()) $('#myModal').modal('toggle'); });

Quería llamar a diferentes funciones cuando se hace clic en el botón Ok modal en diferentes escenarios. btn.addEventListener("click", DuplicateName()) no funcionó y tampoco document.getElementById("myModalButtonNo").onclick = DuplicateName() no funcionó.

Por favor, dame tus sugerencias sobre esto.