Aus dem Kurs: Programmieren lernen mit JavaScript
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
JavaScript in HTML einbinden
Aus dem Kurs: Programmieren lernen mit JavaScript
JavaScript in HTML einbinden
JavaScript ist ja eine Sprache, die darauf angewiesen ist, dass sie in ein HTML-Dokument eingebunden wird. Also nehmen wir hier mal das "hallo.html"-Dokument; ich klicke es mit rechts an, gehe auf "Öffnen mit Editor". Hier haben wir nochmal den sogenannten Quelltext, also tatsächlich die Programmierung für dieses HTML-Dokument. Das, was wir hier sehen, ist bisher nur reines HTML, und jetzt möchten wir anfangen, hier ein bisschen Programmierung, ein bisschen JavaScript einzufügen. Das machen wir mit script, und weil es auch ein HTML-Befehl, ein sog. HTML-Tag ist, müssen wir den auch in spitze Klammern einschließen. Wenn ich hier mit <script anfange, dann muss ich unten auch mit <script aufhören. Das ist jetzt hier nur sehr, sehr einfach zu Beginn. Wir werden später diesen Script-Tag noch ein bisschen ausformulieren. Aber wir schreiben jetzt auch nochmal ein "Hallo Welt", und diesmal in JavaScript. Das machen wir mit dem Befehl "alert", und dann schreiben wir: runde Klammer…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
(Gesperrt)
HTML-Dokument erstellen5 Min. 1 Sek.
-
(Gesperrt)
JavaScript in HTML einbinden2 Min. 16 Sek.
-
(Gesperrt)
Berechnungen durchführen3 Min. 3 Sek.
-
(Gesperrt)
Professionellen Editor installieren2 Min. 11 Sek.
-
(Gesperrt)
Quellcode auf der Online-Plattform jsFiddle ausführen2 Min. 32 Sek.
-
(Gesperrt)
jQuery-Framework4 Min. 8 Sek.
-
Informationen auf Website ausgeben5 Min. 12 Sek.
-
(Gesperrt)
Farbe und Auszeichnung anpassen6 Min. 22 Sek.
-
(Gesperrt)
Darstellung in JavaScript ändern3 Min. 4 Sek.
-
(Gesperrt)
Übung: Ein Balkendiagramm, das das Alter anzeigt1 Min. 15 Sek.
-
(Gesperrt)
Lösungsansatz: Balkendiagramm erstellen4 Min. 36 Sek.
-
(Gesperrt)
-
-
-
-
-
-