[MAGENTO 2] Modal JS

modal.html

<div
        id="mymodal"
        class="modal-card"
        data-mage-init='{"Magento_Ui/js/modal/modal":{"responsive": true, "innerScroll": true,"buttons": []}}'
>
        <!-- Content -->
        <a href="" class="action primary confirm"><?= __('Confirm') ?></a>
        <a href="" class="action cancel"><?= __('Cancel') ?></a>
</div>

<script type="text/javascript">
    require([
        'jquery'
    ], function ($) {
        var modalCard = $('#modal_bondmail')

        $('.open-modal-btn').on('click', function (e) {
            e.preventDefault();
            modalCard.modal('openModal');
        });
  
        $('.cancel').on('click', function (e) {
            e.preventDefault();
            modalCard.modal('closeModal');
        });
    });
</script>