Legen Sie für jede Übung einen Ordner an und speichern alle nötigen Dateien darin. Das vereinfacht das hochladen der nötigen Dateien auf den Server.
Folgende Version läuft auch lokal im Browser und muss nicht auf einen Webserver geladen werden.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>F12-Entwicklertools öffnen!</h1> <script> console.log("Hallo Welt von JavaScript"); </script> </body> </html>
hello.html
in einen geeigneten Ordner (z.B. 01-hello-world
). Lassen Sie den Text-Editor offen!Auch die Minimalversion läuft noch lokal, da alle Dateien direkt von der HTML-Datei eingebunden werden. Was nicht mehr lokal funktioniert, ist wenn Dinge dynamisch von JavaScript aus nachgeladen werden.
HTML:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="hello.js"></script> <link href="hello.css" rel="stylesheet"> </head> <body> <h1>F12-Entwicklertools öffnen!</h1> </body> </html>
JS:
console.log("Hallo von hello.js!");
CSS:
h1 { color: lightgray; } body { background-color: black; }
02-hello-multifile
) an und speichern Sie obige drei Dateien darin.