调用JS＆＃34; onclick函数＆＃34;模态中的多次

Question

我试图找出如何使用相同的功能
（在点击模态框时关闭模态）：

window.onclick = function(event) {
if (event.target == modalEth) {
    modalEth.style.display = "none";
}

和

window.onclick = function(event) {
if (event.target == modalBtc) {
    modalBtc.style.display = "none";
}

在不同的模态中。

现在，只有onclick funktion＆＃34; modalBtc＆＃34;按照应有的方式运作。

我不知道如何带来第一个功能＆＃34; modalEth＆＃34;生活。

如果有人可以帮我解决问题，那将会很棒。

HTML（1. ModalEth，2。ModalBtc）

<div id="myModalEth" class="modalEth">
<div class="modal-contentEth">
<p>some content</p>
</div>
</div>

<div id="myModalBtc" class="modalBtc">
<div class="modal-contentBtc">
<p>some content</p>
</div>
</div>

Answer 1

document.getElementById('myModalEth').addEventListener('click', function(event) {
    this.style.display = "none";
}
document.getElementById('myModalBtc').addEventListener('click', function(event) {
    this.style.display = "none";
}

当用户在模态内部单击时，这会隐藏模态。