A fun and interactive web application that calculates the compatibility percentage between two people based on their names.
This project is a love calculator that uses JavaScript to generate a random compatibility percentage between two people based on their names. The application is styled with CSS and includes a responsive design that works on various screen sizes.
This project is deployed on GitHub Pages at Love Calculator.
- Compatibility Calculation: Generates a random love percentage from 0% to 100%.
- Interactive Feedback:
- > 80%: Success message with a happy animation and joyful audio.
- 40% - 80%: Encouraging message with a neutral animation.
- < 40%: Sad message with a crying animation and sad audio.
- Input Validation: Ensures valid names are entered before calculating.
- Responsive Design: Works on various screen sizes.
- HTML5: For structure and layout.
- CSS3: For styling, animations, and responsiveness.
- JavaScript: For game logic, random number generation, and DOM manipulation.
-
Clone the repository (or download the files):
git clone https://github.com/smitbhalodiya/loveCalculator.git
-
Open the Project:
- Navigate to the project folder.
- Open
index.htmlin your preferred web browser.
-
Calculate Love:
- Enter your name in the first input box.
- Enter your partner's name in the second input box.
- Click the "Click" button.
- View your result, animation, and hear the sound effect!
loveCalculator/
βββ css/
β βββ style.css # Stylesheets
βββ image/ # Images and GIFs
βββ audio/ # Sound effects
βββ js/
β βββ script.js # Logic script
βββ index.html # Main HTML file
βββ README.md # Documentation
This application is for entertainment purposes only! Determining love compatibility via a random number generator is just for fun. π