Expendable Income App
The Expendable Income app serves as a quick summary tool to find where income expendatures are happening, and what percentage of income is left after common expendatures, and what targeted amounts and percentage can be alloted for certain costs for a desired result.
The interface uses new features such as HTML 5 sliders, real-time visual feedback of calculations using plain Javascript, in a compact mobile first approach to layout using the Bootstrap 4 framework.
Each slider value is bound to an output value using an oninput event, and a for loop was used to add an input event listener to all inputs of the form which in turn provide a callback function to the main calculation function.
