Модальное окно не всплывает - PullRequest
Новая
       30

Модальное окно не всплывает

2 голосов
/ 18 февраля 2020

Модальное окно должно всплывать, когда вы нажимаете кнопку «Событие», но это не в моем примере, у меня есть две кнопки «Событие» и «Открыть модальное окно», когда я нажимаю на кнопку «Открыть модальное окно», окно открывается, когда я нажимаю на событие «Другое». действие произойдет, это абсолютно нормально. но мне нужна только одна кнопка Event, если я добавлю id="myBtn в кнопку Event, тогда она не откроет окно, но 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";
            }
        }
}
...