0
Ich fange gerade erst an, mir Javascript beizubringen und versuche, ein Menü zu erstellen, das durch Klicken auf eine Schaltfläche aktiviert wird. Aber ich erhalte weiterhin den Fehler: Uncaught TypeError: Kann die Eigenschaft 'addEventListener' von null nicht lesen. Ich habe es eine Weile erforscht, kann aber nicht herausfinden, warum es nicht funktioniert. Bitte beachten Sie meinen Code unten:sitejavascript.js: 1 Uncaught TypeError: Kann die Eigenschaft 'addEventListener' von null bei sitejavascript.js nicht lesen: 1
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="website.css" />
<script src="sitejavascript.js"></script>
</head>
<body>
<img class="himage" src="waves.jpg" style="width: 100%; height:150px;" />
<div class="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="SecondPage.html">Second Page</a></li>
<li><a href="ThirdPage.html">Third Page</a></li>
<li><a href="FourthPage.html">Fourth Page</a></li>
</ul>
</div>
<div class="countrySelector">
<button id="selectCountry" class="country">Testing</button>
<div id="countryList" class="countryContent">
<a href="#">Country One</a>
<a href="#">Country Two</a>
<a href="#">Country Three</a>
</div>
</div>
</body>
</html>
Javascript
document.getElementById("selectCountry").addEventListener("click", dropCountry);
function dropCountry(){
document.getElementById("countryList").classList.toggle("show");
};
Die "Show" wird in meinem CSS
.show {display: block;}