Grundlagen der DOM-Arbeit in JavaScript

In den vorherigen Lektionen haben wir die grundlegenden Möglichkeiten der Sprache JavaScript kennengelernt. Ab dieser Lektion werden wir uns mit dem beschäftigen, wofür JavaScript eigentlich gedacht ist - wir werden Elemente der HTML-Seite verändern und auf Benutzeraktionen reagieren. Unsere Skripte werden spectakulärer und nützlicher werden.

In allen folgenden Lektionen muss Ihr JavaScript- Code unterhalb des HTML-Codes platziert werden, auf den er zugreift. Das bedeutet, die Struktur Ihres Codes sollte wie folgt aussehen:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    Ihre HTML-Tags
    
    <script>
      Ihr JavaScript-Code
    </script>
  </body>
</html>

Oder wie folgt, wenn Sie den JavaScript-Code in einer separaten Datei schreiben:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    Ihre HTML-Tags
    
    <script src="index.js"></script>
  </body>
</html>