Costs Calculator
A simple calculator that tracks how much you spend per day over a number of days. An average spend is given for the period.
Overview
The Costs Calculator is a simple website that allows users to track their daily expenses and calculate the average spend over a period of time. It includes features such as adding a date, deleting entries, and dragging and dropping entries. The calculator also includes a currency selector and uses HTML, JavaScript, and CSS for its functionality and design.
Features
- Expense Tracking: Users can add a date and amount spent for each day to track their expenses.
- Alert Popups: If a user tries to submit a blank field in either of the number fields, they will receive an alert popup.
- Date Validation: The form requires a date to be specified in order to submit the entry.
- Entry Deletion: Users can delete an entry if they make a mistake and want to start again.
- Drag and Drop: Entries can be dragged and dropped to the correct position if a user forgets to add an entry for a specific day.
- Currency Selector: Users can choose a currency from a dropdown menu, which will update the currency symbol in the form number inputs and table headers.
- Responsive Design: The website is designed to be responsive and work well on different devices and screen sizes.
Summary
The Costs Calculator is a user-friendly website that helps users track their daily expenses and calculate the average spend over a period of time. It includes essential features such as expense tracking, date validation, and entry deletion. The website also offers additional functionalities like drag and drop for easy organization and a currency selector for user preference. The website is designed to be responsive and works well on multiple devices. Overall, the Costs Calculator is a handy tool for anyone looking to manage and analyze their spending habits.