https://github.com/thekiranmahajan/weight-converter
A simple weight converter which converts the given weight in kg to lbs i.e kilograms to pounds. it also uses setTimout function to show error messages for few seconds
https://github.com/thekiranmahajan/weight-converter
css3 glassmorphism html5 javascript kg-to-lbs responsive weight-converter
Last synced: 3 months ago
JSON representation
A simple weight converter which converts the given weight in kg to lbs i.e kilograms to pounds. it also uses setTimout function to show error messages for few seconds
- Host: GitHub
- URL: https://github.com/thekiranmahajan/weight-converter
- Owner: thekiranmahajan
- Created: 2024-01-09T16:45:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-10T03:48:07.000Z (over 1 year ago)
- Last Synced: 2025-01-27T14:52:21.050Z (5 months ago)
- Topics: css3, glassmorphism, html5, javascript, kg-to-lbs, responsive, weight-converter
- Language: CSS
- Homepage: https://weight-converter-ray.vercel.app/
- Size: 2.93 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Hello fellows😎,
How's it going? here back with another JavaScript Project {12/12}: Weight-Converter{pretty simple one}.
🔴 Live Demo: https://weight-converter-ray.vercel.app/
🔴 GitHub link: https://github.com/thekiranmahajan/weight-converter
https://github.com/thekiranmahajan/weight-converter/assets/91893931/8df9848e-7925-4467-bc42-1834d61a5a35
🟢FEATURES🟢
✅ Simple gradient UI with Glassmorphism card and inset shadows for depth.
✅ On every input change a function gets executed which converts weight in kg to weight in pounds lbs.
✅ It also handles errors such as if someone tries to provide a negative or NaN or zero number it shows a custom error for 2 seconds with setTimeout
✅ Similarly it shows thank you after a successful weight conversion removes values from the input field and goes back to default.