# Optionale Übungen

## 1. Optimierung vom ProduktManager

1. Positionen sollen an die API gesendet werden und gespeichert werden.
2. Refactoring vom Modul:
  - Optimierung der Übergabeparameter: Element oder Selector (CSS Selektion als String) kann übergeben werden. Tipp: `module instanceof HTMLElement`
   - Die Wiederholungen der Fetch Anfragen in eine `api.request` Methode zusammenfassen 


## 2. Integration Modul Splide in den Header

- Intergriere ein weiteres Modul [`@splidejs/splide`](https://splidejs.com/guides/getting-started/) in den Webseiten Header. Nutze zum Testen Dummyimages mit verschiedenen Farben (https://dummyimage.com/1920x450/f90/fff.jpg)

## 3. Tooltip als Modul verwenden

Intergriere das Plugin [`floating-ui`](https://floating-ui.com/)
in die [Webseite](../../unterricht/tag21/03_website-gulp-js/index.html) .



## 4. Formularvalidierung als Modul

Erstelle ein Modul für die Validierung von einem Formular (`FormValidator`) mit folgenden Feldern

- Vor- und Nachname
- E-Mail
- Adresse bestehend aus:
  - Strasse, Hausnummer
  - PLZ, Ort
  - Land
- Nachricht

Die Validierung soll direkt während (`input`) oder nach der Eingabe (`blur`) der Felder stattfinden. Die Verwendung von Validierungsmodulen wie `validator` dürfen dabei verwenden werden.