Html 模态窗口未弹出

当你点击事件按钮时，一个模式窗口必须弹出，但在我的例子中，我没有两个按钮，事件和打开模式，当我点击打开模式时，一个窗口将被打开，当我点击事件时，一些其他动作将发生，这是绝对好的。但是我只需要一个按钮事件，如果我将

id=“myBtn

添加到事件按钮中，那么它不会打开窗口，但是callEvent（）会很好。如何通过相同的按钮单击来执行这两个操作

<div>
<button type="button" class="confirm"
style="color: blue;"
(click)="callEvent()">
Event
</button>
<!-- Trigger/Open The Modal -->
<button id="myBtn">Open Modal</button>
<div id="myModal" class="modal">

    <!-- Modal content -->
    <div class="modal-content">
        <span class="closes">&times;</span>
        <p>Some text in the Modal..</p>
    </div>
</div>
</div>

  let modal = document.getElementById("myModal");
        let btn = document.getElementById("myBtn");
        let span: HTMLElement = document.getElementsByClassName("closes")[0] as HTMLElement;
      callEven(){
    //assigning event coad....
      ..
        btn.onclick = function() {
            modal.style.display = "block";
        }
        span.onclick = function() {
            modal.style.display = "none";
        }
        window.onclick = function(event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
}