表示のdivのonclick私はここに示すようなスライドショーを表示しようとしている

Question

動作していません： - 。（http://www.w3schools.com/w3css/w3css_slideshow.asp）誰かが私達について」をクリック上部には、私もonclickの部分を動作させることはできません

はこれまでのところ、私が持っている： -

document.querySelector("p").addEventListener("click", function(){ 
 
    document.querySelector("div").style.display = "block"; 
 
});

#here{ 
 
    display: none; 
 
}

 
<div id="here">Slideshow</div> 
 
<p>About Us</p>

しかし、それはいくつかの理由のために働いていない、誰かがクリック機能と間違って何を教えてもらえます私はそれらのそれぞれに個別のIDを与えてみました。？私には分かりません何を試してみるか。皆さんのお手伝いをさせていただきありがとうございます。

Answer 1

それべき作品、あなたのスクリプトの位置は確かにあなたのスクリプトは、あなたのDOM後に定義されている重要なメイクです。または、DOMContentLoadedイベント内にスクリプトを追加することもできます。

document.addEventListener("DOMContentLoaded", function(event) { 
    //script here 
}); 

document.querySelector("p").addEventListener("click", function(){ 
 
    document.querySelector("div").style.display = "block"; 
 
});

#here{display: none;}

<div id="here">Slideshow</div> 
 
<p>About Us</p>