Maîtriser JavaScript et la manipulation DOM

Introduction

Dans ce laboratoire, vous entrerez dans le monde du développement Web à travers les yeux d'Alex, un développeur Web en herbe chargé de créer un outil de suivi dynamique des finances personnelles. Créer une application conviviale qui permet aux utilisateurs de saisir et de suivre leurs dépenses et revenus quotidiens. L'objectif est clair : développer une interface à la fois intuitive et attrayante, garantissant que les utilisateurs peuvent gérer facilement leurs finances sans aucun problème. Ce projet vise non seulement à simplifier la gestion des finances personnelles mais également à vous présenter les concepts fondamentaux du JavaScript et de la manipulation du DOM.

Nous travaillerons dans 5 laboratoires pour mener à bien le projet EconoMe.

Points de connaissances :

• Déclarations de variables (let, const)
• Bases de la manipulation DOM (obtention d'éléments, modification du contenu des éléments)
• Écoute d'événements (addEventListener)

JavaScript de base

JavaScript est un langage simple, orienté objet et piloté par événements. Il est téléchargé du serveur vers le client et exécuté par le navigateur.

Il peut être utilisé avec HTML et le Web, et plus largement sur les serveurs, PC, ordinateurs portables, tablettes et smartphones.

Ses caractéristiques comprennent :

• Généralement utilisé pour écrire des scripts côté client.
• Principalement utilisé pour ajouter un comportement interactif dans les pages HTML.
• C'est un langage interprété, exécuté comme il est interprété.

Alors, comment inclure JavaScript dans HTML ?

La méthode d'inclusion est similaire au CSS et peut être réalisée de trois manières :

• Directement dans les balises HTML, pour du code JavaScript particulièrement court.
• En utilisant le