同じコーディングされたdivsが同じではない

Question

私のプロジェクトを続けることによって、ボタンクリック時にトリガするモーダル（ポップアップ）ウィンドウである同じコード化されたdivで問題を満たしました。

ここでは、問題を発見することができます - うまく機能「O MNIE」（程度）ウィンドウ、および同じコード化された「お問い合わせ先」（連絡先）ウィンドウが動作しない - ウェル（またはしない）作業コードのhttp://antoszbk.pl/

フラグメント：

コード：

var aboutw = document.getElementById("myAbout"); 
 
var button1 = document.getElementById("aboutbtn"); 
 
var span = document.getElementsByClassName("close")[0]; 
 

 
var contactw = document.getElementById("myContact"); 
 
var button3 = document.getElementById("contactbtn"); 
 
var span2 = document.getElementsByClassName("close2")[0]; 
 

 

 
window.onload = function() { 
 

 
    button1.onclick = function() { 
 
    aboutw.style.display = "block"; 
 
    aboutw.style.animation = "slideInDown 0.5s"; 
 
    } 
 

 
    span.onclick = function() { 
 
    aboutw.style.animation = "slideOutUp 0.5s"; 
 
    setTimeout(function() { 
 
     aboutw.style.display = "none"; 
 
    }, 500); 
 
    } 
 

 
    button3.onlick = function() { 
 
    contactw.style.display = "block"; 
 
    contactw.style.animation = "slideInDown 0.5s"; 
 
    } 
 

 
    span2.onclick = function() { 
 
    contactw.style.animation = "slideOutUp 0.5s"; 
 
    setTimeout(function() { 
 
     contactw.style.display = "none"; 
 
    }, 500); 
 
    } 
 

 
    window.onclick = function(event) { 
 
    if (event.target == aboutw || event.target == contactw) { 
 
     aboutw.style.animation = "slideOutUp 0.5s"; 
 
     contactw.style.animation = "slideOutUp 0.5s"; 
 
     setTimeout(function() { 
 
     aboutw.style.display = "none"; 
 
     contactw.style.display = "none"; 
 
     }, 500); 
 
    } 
 
    } 
 
}

<div id="mySidenav" class="Sidenav"> 
 
    <a href="#about" id="aboutbtn">O mnie</a> 
 
    <a href="#achievements">Portfolio</a> 
 
    <a href="#contact" id="contactbtn">Kontakt</a> 
 
</div> 
 

 
// WORKING WELL 
 
<div id="myAbout" class="about"> 
 
    <div class="about-content"> 
 
    <span class="close">&times;</span> 
 
    <p> Wkrótce tutaj coś będzie... </p> 
 
    </div> 
 
</div> 
 

 
// NOT WORKING WELL 
 
<div id="myContact" class="contact"> 
 
    <div class="contact-content"> 
 
    <span class="close2">&times;</span> 
 
    <p> Wkrótce tutaj coś będzie... </p> 
 
    </div> 
 
</div>

Answer 1

だけの単純なタイプミス！

button3。 =機能（onlick ）{...

次のようになります。

button3.onclick = function() { 

を（例： "onClickの" ない "onLick"）