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.