Intro zum Thema Programmieren

Die drei Grundpfeiler moderner Webseiten sind die drei Techniken HTML, CSS und JavaScript. Wobei CSS später thematisiert werden soll.

HTML - Hypertext Markup Language

HTML ist eine Beschreibungs- bzw. Auszeichnungssprache die es erlaubt Inhalte wie z.B. Texte, Bilder, Links und sogar Videos in einer Webseite einzufügen. Mit HTML kann man z.B. einen Button an einer bestimmten Stelle auf einer Webseite platzieren. Dieser Button soll was auslösen können, wenn man darauf "geklickt" hat.

JavaScript

Mit JavaScript werden HTML-Seiten dynamisch und es können Benutzerinteraktionen ausgewertet, Inhalte verändert oder Daten generiert werden. Um das obige Beispiel zu vervollständigen, um dem Button dazu zu bringen, die erforderlichen Aktionen auszuführen (ein Ergebnis auszugeben, wenn der Button angeklickt wird), muss dieser Button mit einer JavaScript-Funktion verknüpft werden.

Zusammenspiel zwischen HTML und JavaScript

Vollständiger Code HTML und JavaScript

Übungsaufgaben zu LE00

Hinweis: Alle Ergebnisse und Zwischenergebnisse müssen in Moodle abgegeben werden.

Übungen

Aufgabe 1

Erweitere das hier oben aufgeführte Beispiel so, dass zusätzlich ein Text: "Herzlichen Dank für Ihren Einkauf!" unter das Ergebnis ausgegeben wird.