Anzeige div onclick funktioniert nicht

Question

Ich versuche, eine Diashow wie die hier gezeigte anzuzeigen: - (http://www.w3schools.com/w3css/w3css_slideshow.asp) an der Spitze, wenn jemand auf "Über uns" klickt, aber ich kann nicht einmal den onclick Teil zum Arbeiten.

Bisher habe ich: -.?

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

#here{ 
 
    display: none; 
 
}

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

Aber es ist nicht aus irgendeinem Grund arbeiten Kann mir jemand sagen, was mit dem Klick-Funktion falsch ich habe versucht, jede von ihnen geben individuellen IDs und ich bin mir nicht sicher was noch zu versuchen. Vielen Dank im Voraus für jede Hilfe, die Sie bereitstellen können.

Answer 1

Es sollte Werke, die Position Ihrer Skript ist wichtig, sicherzustellen, dass Ihr Skript nach dem DOM definiert ist. Oder Sie können Ihr Skript innerhalb eines DOMContentLoaded Ereignisses hinzufügen.

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>