在模态中多次调用 JS“onclick 函数”

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 功能“modalBtc”才能正常工作。

我不知道如何将第一个函数“modalEth”变为现实。

如果有人可以帮助我解决问题，那就太好了。

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";
}

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