Taak

Je werkt aan een productpagina waar je productinformatie weergeeft en gebruikers de beschikbaarheidsstatus laat wisselen.

1. Stel de productnaam in op "Smartphone";
2. Stel de beginprijs in op "499.99";
3. Beschikbaarheidstatus wisselen met attributen: Wanneer op de knop wordt geklikt:
   • Controleer of de <button> het attribuut data-available heeft;
   • Als data-available aanwezig is, verwijder het en werk de tekstinhoud bij naar "Unavailable".
   • Als data-available afwezig is, voeg het toe met de waarde "true" en werk de tekstinhoud bij naar "Available".
4. Beschikbaarheidstatus weergeven:
   • Controleer of het attribuut data-available aanwezig is op de knop;
   • Toon "In Stock" in availability-status als data-available aanwezig is, of "Out of Stock" als het afwezig is.

• Gebruik textContent om de productnaam in te stellen op "Smartphone";
• Gebruik value om de beginprijs in te stellen op "499.99".
• Gebruik hasAttribute om te controleren of de <button> het attribuut data-available heeft;
• Als data-available aanwezig is, gebruik removeAttribute om het te verwijderen en werk textContent bij naar "Unavailable";
• Als data-available afwezig is, gebruik setAttribute om het toe te voegen met de waarde "true" en werk textContent bij naar "Available".
• Gebruik getAttribute om te controleren of het attribuut data-available aanwezig is op de knop.