A fun and interactive calculator web application that always returns "HELLO WORLD" as the result, no matter what calculation you try to perform!
- Clean and modern calculator interface
- Fully functional button inputs
- Keyboard support for easier use
- Rainbow animated "HELLO WORLD" result
- Shake animation for added fun
- Responsive design works on all devices
- Ready to deploy on GitHub Pages
This calculator looks and behaves like a normal calculator... until you press the equals button! No matter what numbers or operations you enter, the result will always be "HELLO WORLD" with a fun rainbow animation.
Perfect for:
- Pranking friends
- Fun coding demonstrations
- Learning about DOM manipulation
- GitHub Pages deployment practice
Simply visit the deployed page and start calculating!
- Clone this repository
- Open
index.htmlin your web browser - Start "calculating"!
index.html- Main HTML structure with embedded CSScalculator.js- JavaScript logic (with the funny twist!)README.md- This file
- Push this code to a GitHub repository
- Go to repository Settings
- Navigate to Pages section
- Select main branch as source
- Save and wait a few minutes
- Your calculator will be live!
The calculator appears to work normally:
- You can input numbers
- You can select operations (+, -, ×, /)
- It displays your calculation
But when you press equals (=), instead of calculating the result, it:
- Adds a shake animation
- Displays "HELLO WORLD" in rainbow colors
- Logs a fun message to the console
0-9- Number input+,-,*,/- OperatorsEnteror=- Calculate (show HELLO WORLD)EscapeorC- Clear.- Decimal point
- HTML5
- CSS3 (with animations and gradients)
- Vanilla JavaScript (no frameworks needed!)
Want to change the result? Edit the showHelloWorld() function in calculator.js:
function showHelloWorld() {
currentDisplay = 'YOUR MESSAGE HERE';
// ... rest of the code
}Works on all modern browsers:
- Chrome
- Firefox
- Safari
- Edge
MIT License - Feel free to use and modify for your own fun projects!
Ritesh Chauhan
Made with ❤️ for fun and learning!