Javaスクリプトのデュアルモーダルを閉じることができません

Question

ユーザーがモーダル外のどこかをクリックすると閉じるWebページに2つのポップアップモーダルがあります。問題は第1の作品ではない第2の作品だけです。

// When the user clicks anywhere outside of the modal1, close it 
window.onclick = function(event){ 
if (event.target == modal1) { 
    modal1.style.display = "none"; 
}} 

//When the user clicks anywhere outside of the modal2, close it 
window.onclick = function(event) { 
if (event.target == modal2) { 
    modal2.style.display = "none"; 
}} 

Answer 1

両方のポップアップモーダルで同じクリック機能を使用します。

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

Answer 2

第1のオンクリックを第2のオンクリックで上書きしています。

そして、モーダルタイプをチェックし、設定したベースをチェックするウィンドウ上のonclickが1つだけ表示されます。

Answer 3

最初のonclickを2番目のonclickで上書きしています。このようにすることができます。

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