Einige Möglichkeiten Java-Script auszuführen werden hier vorgestellt
Darstellung in Visual-Studio-Code.
Möglichkeit 1, wenn du nicht soviel java-Script-Code hast.
In dem ersten Beispiel geht das Script in Zeile 11 los mit dem offenen Script. In zeile 17 siehst du das geschlossene script Zeichen. Geschlossen ist es, wegen dem Schrägstrich. Deinen java-Script Code schreibst du dann im Zwischenraum. Wenn du diesen Code hier eingibst, und dann auf den Live-Server in Visual-Studio-Code klickst, wird dir das Ergebnis 3 ausgeworfen. Siehe Grafik 2
Versuche die einfache Berechnung einfach mal nachzubauen. Es hilft für das Verständnis und du siehst sofort, ob es funktioniert. Das Ergebnis, wenn du auf den Live-Server klickst ist natürlich „3“. Siehe grüner Pfeil. Hier wird über window.alert, ein kleines Fenster ausgeworfen mit dem Endergebnis 3 . Siehe Grafik
Grafik
alles über Visual-Studio- Code und dem Live-Server
Möglichkeit 2 java-Script extern mit extra file ausführen
Wenn du viel java-script Code schreiben möchtest, ist es besser, du lagerst java-script extra in einem File aus. Im Beispiel script.js genannt. (links) grüner Pfeil ) . Allerdings musst du es dann verbinden. Siehe Zeile 12 , sonst funktioniert es nicht. (script src…)
In diesem Beispiel haben wir folgende Struktur index.html für die Struktur z. B. einer Webseite, dann das File script.js, wo du deinen java-Script Code eintragen kannst und das dritte File: style.css, wo du deinen Style eintragen kannst, also dein CSS-Code. Bitte beachte, dass dir der CSS-Code nur angezeigt wird, wenn du das HTML mit dem CSS verbindest. Dies machst du mit Zeile 7…. ( link rel…..) Video
Ich will mein java-Script file main.js nennen….
Technische Anmerkung: Wenn du das file auf der linken Seite script.js nennst, dann musst du die Zeile 12 auch script.js nennen… In Videos wird das File auch manchmal main.js genannt. Das geht auch. Aber dann musst du auf der linken Seite das file main.js nennen und die Verknüpfung im Body-Bereich dann auch so nennen.
Also <script src= „main.js“></script>
3. Möglichkeit über die Console – java-script ausführen ( Siehe auch Video )
Alle Möglichkeiten in einem Video zusammengefasst:
5 Möglichkeiten java-Script auszuführen Video