Test
Payment
Registration Fee
HTML:
- The HTML section defines a form with an input field for entering a promo code, an “Apply” button, and a paragraph element to display feedback.
- The input field has a placeholder indicating that it’s for entering a promo code to get a 5% discount.
JavaScript:
- The JavaScript script includes a function called
checkValue()
that is triggered when the “Apply” button is clicked. - Inside the function, it retrieves the entered promo code, checks if it’s equal to “NewYear” and provides feedback accordingly.
- If the promo code is correct, it displays a success message (“Promocode applied.”) and redirects to a specified URL (Promocode URL Page).
- If the promo code is incorrect, it displays an error message (“Wrong promo code. Please try again.”).
CSS:
- The CSS styles enhance the visual presentation of the form.
- The form is displayed in a flex container with a width of 400px, arranged horizontally with aligned items.
- The input field has padding, the “Apply” button has a specific color scheme, and there is spacing around the feedback message.