50% off all plans with SPRING50
Day 84: Buy a Coffee
Day 84 Advanced Challenge 84 of 100

Buy a Coffee

As a user, I want to select a coffee product and set a custom support amount before making a payment, so that I can contribute to the service based on my preference.

Acceptance Criteria

  • Display a list of coffee products with predefined prices and optional support amounts.
  • Provide an input field for users to select a custom support amount, with clear boundaries on the minimum ($2) and maximum ($100) limits.
  • Validate the input to ensure it adheres to the set limits before enabling the payment button.
  • Ensure that error messages are displayed if the user inputs an amount outside the allowed range.
  • The "Pay" button should only be enabled when a valid support amount is entered.
View on GitHub
100 Days of Code Progress Day 84 / 100

Take this challenge

Start your 7-day free trial to solve this challenge in our built-in code editor with live preview.

Start 7-Day Free Trial to Solve This Challenge

Nearby Challenges