Aufgabe

Sie arbeiten an einer Produktseite, auf der Sie Produktinformationen anzeigen und Benutzern ermöglichen, den Verfügbarkeitsstatus umzuschalten.

1. Setzen Sie den Produktnamen auf "Smartphone";

2. Setzen Sie den Anfangspreis auf "499.99";

3. Verfügbarkeitsstatus mit Attributen umschalten: Wenn der Button geklickt wird:

   • Überprüfen Sie, ob der <button> das Attribut data-available hat;

   • Wenn data-available vorhanden ist, entfernen Sie es und aktualisieren Sie den Textinhalt auf "Nicht verfügbar".

   • Wenn data-available nicht vorhanden ist, fügen Sie es mit einem Wert von "true" hinzu und aktualisieren Sie den Textinhalt auf "Verfügbar".

4. Verfügbarkeitsstatus anzeigen:

   • Überprüfen Sie, ob das data-available Attribut auf dem Button vorhanden ist;

   • Zeigen Sie "Auf Lager" in availability-status an, wenn data-available vorhanden ist, oder "Nicht auf Lager", wenn es fehlt.

• Verwenden Sie textContent, um den Produktnamen auf "Smartphone" zu setzen;

• Verwenden Sie value, um den Anfangspreis auf "499.99" zu setzen.

• Verwenden Sie hasAttribute, um zu überprüfen, ob der <button> das Attribut data-available hat;

• Wenn data-available vorhanden ist, verwenden Sie removeAttribute, um es zu entfernen und textContent auf "Unavailable" zu aktualisieren;

• Wenn data-available nicht vorhanden ist, verwenden Sie setAttribute, um es mit einem Wert von "true" hinzuzufügen und textContent auf "Available" zu aktualisieren.

• Verwenden Sie getAttribute, um zu überprüfen, ob das data-available-Attribut auf dem Button vorhanden ist.