Web - Übung 3, JavaScript

Excercise 📓

1. Gestalte eine Seite, die die Tags für eine Überschrift und für einen Absatz enthält – zunächst jedoch ohne Inhalt. Fordere den Leser per Prompt-Befehl dazu auf, den Text für die Überschrift einzugeben.
   Mit einem weiteren prompt-Befehl soll er anschließend den Inhalt für den Absatz einfügen. Gib diesen Inhalt dann auf der Seite aus
2. Gestalte für dieses Programm zwei verschiedene Alternativen. Die erste soll die Elemente über den DOM-Baum ansprechen die zweite über ihre ID.
   Gestalte eine Seite mit einem input-Feld und einem Button. Sobald der Anwender auf den Button drückt, soll dieser eine neue Beschriftung erhalten. Verwende dafür den Text, den der Anwender in das input-Feld eingegeben hat.
3. Erstelle ein Formular mit einem Eingabefeld für eine E-Mail-Adresse. Wenn der Anwender den Fokus auf das Feld setzt, soll eine Nachricht erscheinen, die ihm mitteilt, dass er hier seine E-Mail-Adresse einfügen muss.
4. Ändere das Programm so ab, dass es jetzt beim Verlassen des Feldes überprüft, ob eine gültige E-Mail-Adresse (mit einem @-Zeichen) eingegeben wurde. Gib in diesem Fall eine entsprechende Nachricht aus.
5. Erstelle eine Seite mit einem Eingabefeld, in das der Anwender eine Internetadresse eingeben kann. Füge außerdem einen Button ein. Wenn der Besucher drauf klickt, soll das Programm die entsprechende Seite aufrufen. Damit das funktioniert, muss die komplette URL (einschließlich https://) eingegeben werden. Überprüfe mit dem includes-Befehl, ob dieser Teil in der eingegebenen Zeichenkette enthalten ist. Trifft dies nicht zu, füge ihn hinzu.
6. Erstelle eine Seite mit zwei img-Tags. Diese sollen jedoch kein src-Attribut enthalten, sodass sie nicht angezeigt werden. Gestalte einen Button, der es erlaubt, die Bilder auf der Seite anzuzeigen.
7. Erstelle eine Seite mit einem Absatz mit einem beliebigen Text. Füge darunter drei Buttons ein, die es dem Besucher erlauben, aus drei verschiedenen Layout-Entwürfen für die Seite zu wählen.