JSON & AJAX WITH FETCH

Steps

1. Work

Create a basic HTML file and a budgeting website with the following specifications below.

• Make use of session storage to store the values.
• Create an income object where you can put in the following information as attributes:
• Name, as a string (e.g. Salary)
• The amount, as a number (e.g. 4,000)
• Whether or not it is recurring, as a boolean
• Create five different objects to represent income from different places.
• Create an expenses object where you can put in the following information as attributes:

. Name, as a string (e.g. Groceries) . The amount, as a number (e.g. 350) . Whether or not it is recurring, as a boolean

• Create five different objects to represent different expenses.
• Using a prompt box, display the income items and let the user add another entry.
• Using a prompt box, display the expense items and let the user add another entry.
• Display the total amount of disposable income (income minus expenses.)
• Using a prompt box, ask the user how much of their disposable income they would like to put into savings.
• Finally, create an alert to display the total amount of disposable income left.

2. Work

3. Create a web page that will display the current weather for Paris or a location of your choosing. Use the Open-Meteo API.

4. Create a web page that always displays the current time. The time should be updated every second.

Author: Simona Ligorio