HTML Javascript funktioniert nicht?

Hey Leute,

Ich versuche gerade einen Random Name Generator mit HTML/Javascript zu erstellen. Ich bin relativ neu, was das Thema Javascript angeht.
Ich habe mir einfach mal einen Beispielcode für einen Random Name Generator geholt und versucht das ganze selbst zu machen. Allerdings bekomme ich es nicht hin, dass Javascript mitspielt. Es passiert einfach nichts trotz Javascript. Wenn ich den ganze Code via codepen.io laufen lassen, funktioniert es einwandfrei. Hier mal der codepen.io link: https://codepen.io/Johnny3_3/pen/Exjdxom

Hier der Code, den ich in meiner HTML Datei/Javascript Datei stehen habe.

HTML:

Javascript:

Answer 1

[Dory1]

Die script.js muss nach dem HTML geladen werden, also bspw. vor dem schließenden Body-Tag. Ansonsten kann das Script die benötigten Elemente "random-name" und "generate" nicht finden und somit keine Event-Listener registrieren.

Comments

[Dory1]

Also:

  ...

  <div id="random-name"></div>
  <button class="btn btn-primary" id="generate">Generate Another</button>
  <script src="js/script.js"></script>
</body>

[Johnny33RL]

@Dory1

Perfekt, das war's! Danke dir!