This is a simple Age Calculator web application that allows users to calculate their age based on their date of birth. The application is built using HTML, CSS, and JavaScript.
- User-Friendly Interface: The application provides an intuitive interface to input your birthdate.
- Age Calculation: Calculates the exact age in years, months, and days.
- Clear Button: Allows users to reset the input fields to start a new calculation.
- Responsive Design: The layout is responsive and adapts to different screen sizes.
You can run the application locally by opening the age.html file in your web browser.
age.html: The main HTML file containing the structure of the Age Calculator.ageStyle.css: The CSS file for styling the Age Calculator interface.ageJS.js: The JavaScript file responsible for the age calculation logic and button functionalities.
- Open the
age.htmlfile in your web browser. - Select your birth date using the dropdowns for Year, Month, and Day.
- Click the Calculate Age button to view your age.
- Use the Clear button to reset the form and start a new calculation.
You can customize the appearance of the buttons (Calculate Age and Clear) by editing the CSS classes in the ageStyle.css file:
.button-29: Style for the Calculate Age button..button-28: Style for the Clear button.
The layout of the input fields and buttons can be adjusted by modifying the CSS in the ageStyle.css file, specifically within the .input-group and .button-container classes.
The logic for calculating the age is implemented in the ageJS.js file. You can modify the calculation logic or add new features by editing this file.
- A web browser that supports HTML5, CSS3, and JavaScript.
- Download or clone the repository to your local machine.
- Open the
age.htmlfile in your preferred web browser.
This project is open-source and available under the MIT License.