Einsendeaufgabe MMDE05D

Teil A

1. Aufgabe:
Aktuelles Datum ausgeben lassen
Erstellen Sie in Ihrem HTML-Dokument eine Überschrift (<h1 id="datum"> </h1>) Lassen Sie innerhalb der Überschrift mit JavaScript das aktuelle Datum inklusive Jahreszahl, beispielsweise also 11.4.2019, ausgeben!
Tipp zur Umsetzung: Definieren Sie hierfür ein Date-Objekt. Dann können Sie die für die Datumsausgabe notwendigen Methoden verwenden und den Rückgabewert jeweils in Variablen speichern. Im Anschluss können Sie die Variablen mit dem notwendigen Text (den Punkten) verknüpfen. Danach wählen Sie die Überschrift aufgrund ihrer Id aus und schreiben den Inhalt der Variable hinein.

2. Aufgabe:
Bildwechsel bei Mouseover
Bauen Sie in Ihr Dokument drei beliebige Bilder ein.
Wenn man mit der Maus über eines der Bilder fährt, soll ein anderes angezeigt werden; sie sollen also bei Mouseover ausgetauscht werden. Im folgenden Screenshot sehen Sie, dass sich das zweite Bild beim Überfahren mit der Maus geändert hat.

Die Bilder ändern sich bei Mouseover
Setzen Sie zum Austauschen der Bilder eine Funktion ein, die Sie in Eventhandlern im HTML-Code bei den Bildern aufrufen.

3. Aufgabe:
Formular
Erstellen Sie außerdem in Ihrem Dokument noch ein Formular mit genau zwei Textfeldern – einem Feld für den Nachnamen, das andere für die E-Mail-Adresse. Verwenden Sie sinnvolle Benennungen für die Felder. Außerdem soll das Formular einen Absendebutton haben. Beim Absenden soll mit JavaScript überprüft werden, ob etwas in den Feldern steht. Ansonsten soll eine Meldung ausgegeben und das Versenden des Formulars verhindert werden!

4. Aufgabe:
JavaScript extern
Falls Sie es noch nicht getan haben: Speichern Sie bitte Ihren JavaScript-Code in einer externen Datei ab, auf die Sie von Ihrem HTML-Dokument verlinken. Prüfen Sie noch einmal, ob alle Komponenten wie gewünscht funktionieren!


Teil B Multiple Choice

5. Wie vergleichen Sie, ob der in der Variablen zahl gespeicherte Wert gleich 5 ist?
6. Wie wählen Sie das erste Element mit der Klasse wichtig aus?
7. Nehmen wir an, Sie haben ein Array mit Namen bilder definiert. Wie können Sie dann auf das erste Element zugreifen?
8. Durch welchen Code wird eine Schleife definiert, die genau 5-mal ausgeführt wird?
9. Was ist keine korrekte Art, eine Funktion mit dem Namen ausgabe aufzurufen?
10. Welche der folgenden Angaben ist kein Eventhandler?
11. Sie haben in Ihrem Dokument ein Element mit dem Attribut id="besonders" definiert. Wie können Sie ihm einen Text zuweisen?
12. Was ergibt 27 % 2?
13. Wie können Sie den vom Benutzer eingegebenen Inhalt eines Formularelements (Textfeld mit input type="text") auslesen?
14. Angenommen, es ist gerade der 12.4.2019. Was liefert dann ein Aufruf von var datum = new Date(); alert(datum.getMonth())?