JavaScript Grundlagen

JavaScript - Code Editor

Einleitung

Dies ist eine Einführung in JavaScript, welche die Grundlagen vermitteln soll. Dabei wird die Syntax kurz demonstriert und zusammengefasst. Hier zeigen wir wie Variablen, mathematische Berechnungen, if & else Bedingungen, Arrays und for- wie auch while-Schleifen funktionieren. JavaScript ist die Sprache, die dem Web Interaktivität und dem HTML Flexibilität verleiht. Sie ist einfach zu Erlernen, macht riesigen Spass und Resultate werden schnell sichtbar. Die hier erwähnten Code-Zeilen zeigen vor allem die Syntax und das Verhalten von JavaScript. Für eine ausführlichere Erklärung empfehlen wir developer.mozilla.org, welche teilweise Deutsch und w3schools, welche komplett in Englisch ist.

Einbinden

Um JavaScript-Code in HTML einzubinden, benutzen wir das <script> Tag. Wenn es sich nur um ein kurzes Script handelt oder man schnell etwas testen möchte, reicht folgende Schreibweise:

<script>
  console.log('Hallo Welt!')
</script>

Dieser Code fügt man im oder im ein. Bei der Eingabe im ist es vorzuziehen, das Script ganz am Schluss einzugeben. Dadurch muss die Anzeige der Webseite nicht auf die Ausführung des Scripts warten. Wenn das Script fertig ist und eine gewisse Grösse hat, lohnt es sich den Code in eine externe Datei auszulagern. Folgender Code zeigt die Schreibweise:

<script src="meinScript.js"></script>

Kommentare

Kommentare sind Hinweise, welche es dem Programmierer einfacher machen zu dokumentieren, was der Code genau macht. Dabei werden Kommentare vom JavaScript-Interpreter ignoriert. Es gibt zwei Arten von Kommentaren:

// Dies ist ein einzeiliger Kommentar

/*
Dies ist ein
mehrzeiliger Kommentar
*/