Mastering JavaScript and DOM Manipulation

Introduction

In this Lab, you'll step into the world of web development through the eyes of Alex, a budding web developer tasked with creating a dynamic personal finance tracker. To build a user-friendly application that allows users to input and track their daily expenses and income. The goal is clear - to develop an interface that's both intuitive and engaging, ensuring users can easily manage their finances without any hassle. This project not only aims to simplify personal finance management but also to introduce you to the fundamental concepts of JavaScript and DOM manipulation.

We will be working through 5 labs to complete the EconoMe project.

Knowledge Points:

• Variable declarations (let, const)
• DOM manipulation basics (getting elements, modifying element content)
• Event Listening (addEventListener)

Basic JavaScript

JavaScript is a simple, object-oriented, and event-driven language. It is downloaded from the server to the client and executed by the browser.

It can be used with HTML and the Web, and more broadly on servers, PCs, laptops, tablets, and smartphones.

Its characteristics include:

• Typically used for writing client-side scripts.
• Mainly used to add interactive behavior in HTML pages.
• It is an interpreted language, executed as it is interpreted.

So, how do we include JavaScript in HTML?

The inclusion method is similar to CSS and can be done in three ways:

• Directly in the HTML tags, for particularly short JavaScript code.
• Using the