Budget-Management

Javascript

Planning: Step 1:

Stack of tasks:

- Add event handler
- Get input values
- Add new item to our data structure
- Add new item to the UI
- Calculate Budget

Structure our Code with Modules

• Important aspect of any robust application architecture
• Keep the units of code for a project both cleanly separated and organized
• Encapsulate some data into privacy and expose other data publicly

UI Module:

• Get input values
• Add new item to the UI
• Add new item to the UI

Data Module:

• Add new item to the UI
• Calculate Budget

Controller Module:

• Control entire App, acting as a link between both modules
  • Add event handler