Dazu gibt es einen Screencast
Legen Sie im Verzeichnis freifachprogrammieren ein neues Verzeichnis helloworld an.
Starten Sie VSCode
Fügen Sie eine neue Datei index.html hinzu.
Starten Sie den Live-Server, um die Seite zu betrachten.
Schieben Sie das VSCode Fenster nach links (Windows + Pfeil nach links), das Browser-Fenster nach rechts (Windows + Pfeil nach rechts).
Vervollständigen Sie den body wie folgt:
<h1>Hello world</h1>
Greetings earthlings!
<script src="hello.js"></script>
Ctrl-Klick auf hello.js, um die Datei gleich neu anzulegen.
Tragen Sie folgenden Code in der neuen Datei hello.js ein:
for (let i=0; i<10; i++) {
console.log(`Hello und ${i} mal ${i} ist ${i*i}`);
}
Speichern Sie die Datei mit Ctrl-S
Im Browser, öffnen Sie die Entwicklertools (F12) und zeigen Sie sich die Konsole an. Dort sollten Sie die Ausgabe von Ihrem Programm sehen.