This app allows users to compare energy usage and annual cost between different kinds of light bulbs.
The app takes in Brightness in lumens, price in Kilo-Watt Hours and usage per day in hours.
- AngularJS
- JavaScript
- CSS
- HTML
Download the file and open the index.html
in a browser. You will see the app loaded with initial values. Change the input values and observe the output in each case. You can also view the live app at https://kem25.github.io/Calculator_app/.
AngularJS is used to bind the input values to the variables and to render the respective output varaibles dynamically on the page after calculation without having to reload the entire page. The app is made responsive using media queries and hence is supported by any kind of device.