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.