Skip to content

Yashkarde/Tax-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Tax Calculator πŸ“Š

Welcome to the Tax Calculator, your handy tool for estimating your net income after tax deductions!

Features 🌟

  • Easy-to-Use Interface: Simple and intuitive design for hassle-free calculations.
  • Interactive Tooltips: Hover over question mark icons to get helpful explanations about each input field.
  • Real-time Calculation: Watch your income update dynamically as you input your data.
  • Error Handling: Instant feedback with error messages if inputs are invalid or fields are left empty.
  • Responsive Design: Works seamlessly on all devices, ensuring a great user experience.
  • Reset Button: Start fresh with just a click, clearing all inputs and errors.

How to Use πŸ“

  1. Enter Your Details:

    • Input your gross annual income, extra income, age group, and applicable deductions.
  2. Validation and Submission:

    • Errors will be shown instantly for invalid inputs.
    • Click "Submit" to calculate your net income after tax.
  3. View Results:

    • See your calculated income displayed clearly.
    • Click "Close" to hide the result box.
  4. Reset:

    • Use the "Reset" button to clear all fields and start over.

Installation πŸš€

  1. Clone the Repository: git clone https:https:(https://mellifluous-sundae-0b4d12.netlify.app)

  2. Open the Calculator:

  • Open the index.html file in your preferred web browser.

Technologies Used πŸ’»

  • HTML
  • CSS
  • JavaScript

Credits πŸ™Œ

  • Font Awesome for icons

Test Cases

1. Test Case: Check if all input fields are visible and accessible.

Description: Confirm that all input fields for annual income, extra income, age, and deductions are Not Empty.

Screenshot-2024-04-17-023054.png

2. Test Case: Validate input Fields.

Description: Test if the calculator accepts only numerical values for annual income and displays an error icon for non-numeric inputs.

taxss2.png

3. Test Case: Validate the functionality of the submit button.

Description: Confirm that clicking the submit button triggers the tax calculation process and displays the result accurately.

image

4. Test Case: Test the tax calculation for Selecting age-Group.

Description: Verify that the tax calculator correctly handles Through Age-Group.

taxss5.png

5. Test Case: Verify the question mark icon hovering a message.

Description: Hover over the question mark icon next to an input field and confirm that a pop-up message appears, providing proper error handling guidance or additional information related to the input field.

Whats-App-Image-2024-04-17-at-2-55-09-AM.jpg

6. Test Case: Check the error icon come when character will enter.

Description: When the character will enter on the input flield error icon will get dispaly and pop-up message will come.

image

7. Test Case: Verify the display of error message upon hovering over the error mark icon.

Description: Hover over the error mark icon next to an input field and confirm that a pop-up message appears, providing proper error handling guidance or additional information related to the input field.

Whats-App-Image-2024-04-17-at-3-04-13-AM.jpg

8. Test Case: Check the close button is work properly.

Description: When i click on my close button my result page get disapper and submit page will showened.

Whats-App-Image-2024-04-17-at-3-10-36-AM.jpg

About

πŸš€ Excited to share my latest project: a Tax Calculator made with pure HTML, CSS, and JavaScript! πŸ’Ό ✨ Easily estimate your tax deductions based on your income, age group, and applicable deductions. No complex spreadsheets needed! πŸ’» Built for simplicity and functionality, showcasing the power of front-end technologies.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors