Witam, ostatnio postanowiłem zacząć programować (hobbistycznie), wczoraj pierwszy raz napisałem jakąś bardzo prostą stronę za pomocą HTML i CSS. Postanowiłem dodaj na niej element zaprogramowany w JavaScript, lecz gdy próbuję wpisać jakąś komendę, ta nie pokazuje się na stronie.
Czy jest ktoś w stanie pomóc mi to naprawić?
Tak wygląda fragment kodu HTML.
<!DOCTYPE html>
<html>
<head>
<title>Barcelona</title>
<link rel = "stylesheet" href ="style.css"/>
</head>
<body>
<header>
<h1>Barcelona</h1>
<a class="button" href="#more">Czytaj dalej</a>
<div class="switch">
<button aria-label="Przełącznik trybu nocnego">
<div class="icon"></div>
</button>
</div>
</header>
<main>
<section class="more" id="more">
<h2>Barcelona</h2>
<p></p>
</section>
</main>
<script src="app.js"></script>
</body>
</html>
Kod JavaScript
document.querySelector ("button");
console.log("test");
Dodam jeszcze że korzystam z programu Visual Studio Code oraz że gdy spisuję komendę w "document.querySelector ("button");" w konsoli w przeglądarce to komenda działa.