Discount Calculator
Discount Result
×Certainly! Let's go through the features and usage of the discount calculator:
1. User Input:
- Product Price: Enter the price of a single unit of the product.
- Product Quantity: Enter the quantity of products you want to purchase. If left empty, it defaults to 1.
- Discount Percentage: Enter the discount percentage you want to apply.
2. Calculate Discount:
- Click the "Calculate Discount" button to compute the results based on the entered values.
3. Result Modal:
- A modal window appears displaying the calculated results along with the entered input details.
4. Input Details:
- In the modal, a section called "Input Details" shows the details entered by the user:
- Product Price
- Product Quantity
- Discount Percentage
5. Result Table:
- Below the "Input Details" section, there is a table displaying the calculated results:
- Total Cost: The original cost of the products before any discount.
- You Save: The amount saved due to the applied discount, along with the discount amount.
- Discounted Price: The final cost after applying the discount.
6. Close Modal:
- The modal includes a close button in the top-right corner and a "Close" button in the modal footer.
- Clicking either of these buttons closes the modal.
7. Responsive Design:
- The calculator is designed to be responsive and works well on various screen sizes, including desktops, tablets, and smartphones.
8. Currency Symbol:
- The displayed currency symbol is ₹ (Indian Rupees).
9. Input Validation:
- The calculator checks whether the entered values are valid numbers. If any input is not a valid number, an alert prompts the user to enter valid numbers.
10. Clean Interface:
- The interface is designed to be clean and user-friendly, making it easy for users to input values and understand the calculated results.
To use the calculator:
- Enter the product price, product quantity, and discount percentage.
- Click the "Calculate Discount" button.
- The modal will appear, displaying the entered input details and the calculated results.
- Close the modal by clicking the close buttons if needed.
Feel free to ask if you have any specific questions or if there's anything else you'd like to know!
Comments
Post a Comment
Share with your friends :)
Thank you for your valuable comment