JavaScript - Suche

Step 1

Ergänzen Sie das Markup in der Datei biography-lucas-cranach.html um ein Suchformular im Header-Element.

Das Formular soll aus einem Eingabefeld bestehen, in das ein Suchbegriff eingegeben werden kann, sowie einer Schaltfläche zum Absenden der Suche. Verwenden Sie das vorgegebene CSS aus dem Gist.

Step 2

Erstellen Sie in der main.js JavaScript-Code, der folgende Funktionalität ermöglicht:

• Bei Betätigung der Schalfläche mit der Lupe soll das Overlay mit dem Formular eingeblendet werden.
• Bei Betätigung des „X”-Buttons soll das Overlay wieder geschlossen werden.

Step 3

Erweitern Sie die JavaScript-Logik so, dass beim Klick auf den Button „Suchen“:

• der Inhalt des Eingabefeldes ausgelesen wird,
• der eingegebene Suchbegriff in der Konsole ausgegeben wird,
• und das Overlay automatisch wieder geschlossen wird.