Js Partie1

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 52

Chapitre 1: L'introduction au JavaScript (JS)

L'introduction au JavaScript (JS) est essentielle pour comprendre le rôle de ce


langage de programmation dans le développement web. JavaScript est un langage de
script polyvalent largement utilisé pour créer des pages web interactives et
dynamiques. Il a été développé à l'origine pour ajouter des fonctionnalités
supplémentaires aux pages web statiques, mais il est maintenant utilisé dans divers
environnements de développement, y compris côté client et côté serveur.
Histoire de JavaScript :
JavaScript a été développé par Brendan Eich chez Netscape Communications
Corporation en 1995. Il a été initialement appelé LiveScript, puis renommé
JavaScript lorsque Netscape a conclu un partenariat avec Sun Microsystems, le
créateur de Java. Bien que les deux langages partagent des noms similaires,
JavaScript est plus étroitement lié au langage de script ECMAScript, qui est le
standard sur lequel JavaScript est basé.
Utilisations de JavaScript :
JavaScript est principalement utilisé pour ajouter des fonctionnalités interactives aux
pages web. Cela inclut la création de jeux, d'applications web, de formulaires
dynamiques, de fonctionnalités de glisser-déposer, d'animations, et bien plus encore.
De plus en plus, JavaScript est également utilisé côté serveur grâce à des
environnements d'exécution tels que Node.js.
Caractéristiques de JavaScript :
1. Langage orienté objet : JavaScript prend en charge la programmation orientée
objet, ce qui permet aux développeurs de créer des applications modulaires et
réutilisables.
2. Interprété et dynamique : JavaScript est un langage interprété qui est exécuté
directement par le navigateur web du client. Cela permet une exécution
dynamique du code, ce qui signifie que les changements peuvent être apportés
au code et pris en compte instantanément sans avoir besoin de recompiler.
3. Syntaxe flexible : La syntaxe de JavaScript est similaire à celle de nombreux
autres langages de programmation, ce qui facilite son apprentissage pour ceux
qui ont déjà des compétences en programmation.
4. Multiplateforme : JavaScript est pris en charge par tous les principaux
navigateurs web, ce qui en fait un choix idéal pour le développement web
multiplateforme.
Les règles de syntaxe du code
Les règles de syntaxe du code Pour bien débuter en JavaScript le respect de ces règles
est fondamental, car ce langage est peu souple et n’autorise pas d’erreurs comme
vous le constaterez dans les paragraphes suivants.
La casse
Une des principales difficultés de JavaScript réside dans le fait que c’est un langage
sensible à la casse, c’est a dire qu’il différencie les majuscules des minuscules. Or,
cela revêt son importance lors de l’utilisation de variables et d’objets.
Ajout de commentaires
L’ajout de commentaires dans un bloc de code JavaScript s’effectue de manière
monoligne ou multilignes.
Les commentaires contenus sur une seule ligne seront précédés du double slash //.
Les commentaires ne pouvant pas être contenus sur une seule ligne seront précédés
de /* et devront se terminer par */.

Exemple :

Conclusion :
En résumé, JavaScript est un langage de programmation puissant et polyvalent
largement utilisé pour développer des applications web interactives. Sa popularité et
son utilisation répandue en font un langage essentiel à apprendre pour les
développeurs web. Que ce soit pour créer des pages web simples ou des applications
web complexes, JavaScript offre une gamme de fonctionnalités et de possibilités qui
en font un outil précieux dans le domaine du développement web.
Chapitre2: les variables en JavaScript

Introduction
Les variables sont l'un des concepts fondamentaux de la programmation en
JavaScript. Elles sont utilisées pour stocker des données pouvant être manipulées et
référencées dans un programme. Comprendre comment déclarer, initialiser et utiliser
des variables est essentiel pour écrire du code JavaScript efficace et fonctionnel. Dans
ce cours, nous allons explorer en détail les variables en JavaScript.
1. Déclaration de variables
En JavaScript, vous pouvez déclarer une variable en utilisant le mot-clé var, let,
ou const.
a. var

b. let

c. const

2. Initialisation de variables
Une fois que vous avez déclaré une variable, vous pouvez lui attribuer une valeur en
utilisant l'opérateur d'affectation (=).
3. Types de données
En JavaScript, les variables peuvent contenir différents types de données, y compris
les nombres, les chaînes de caractères, les booléens, les tableaux, les objets, etc.

a. Nombres

b. Chaînes de caractères

c. Booléens

d. Tableaux

e. Objets

4. Portée des variables


La portée d'une variable détermine où elle peut être utilisée dans votre code.
a. Variables globales
Les variables déclarées en dehors de toutes les fonctions ont une portée globale et
peuvent être utilisées dans tout le script.
b. Variables locales
Les variables déclarées à l'intérieur d'une fonction ont une portée locale et ne peuvent
être utilisées qu'à l'intérieur de cette fonction.

5. Redéclaration et Réaffectation
En JavaScript, les variables peuvent être redéclarées et réaffectées, mais avec
différentes implications selon le mot-clé utilisé pour les déclarer.
a. var

b. let

c. const
Manipuler et afficher des variables en JavaScript

Pour manipuler et afficher des variables en JavaScript, vous pouvez utiliser les
méthodes console.log() pour afficher des valeurs dans la console du navigateur,
et prompt() pour saisir des valeurs à partir de l'utilisateur. Voici un exemple de
manipulation de variables en utilisant ces méthodes :
Chapitre3 : les conditions en JavaScript

Introduction
Les conditions sont un aspect fondamental de la programmation qui permettent de
prendre des décisions en fonction de certaines conditions. En JavaScript, les
conditions sont généralement réalisées à l'aide d'instructions if, else if, else, et
de l'opérateur ternaire. Dans ce cours, nous allons explorer en détail l'utilisation des
conditions en JavaScript.
1. Instruction if
L'instruction if permet d'exécuter un bloc de code si une condition spécifiée est
vraie.

2. Instruction if...else
L'instruction if...else permet d'exécuter un bloc de code si la condition spécifiée
est vraie et un autre bloc de code si elle est fausse.

3. Instruction if...else if...else


L'instruction if...else if...else permet de tester plusieurs conditions.
4. Opérateur ternaire
L'opérateur ternaire permet de simplifier les instructions if...else en une seule
ligne.

5. Instruction switch
L'instruction switch permet de tester une valeur avec plusieurs cas possibles.
6. Conditions multiples
Les conditions peuvent également être combinées avec des opérateurs logiques tels
que && (ET), || (OU) et ! (NON).
Chapitre 4: boucles en JavaScript

Introduction
Les boucles sont des structures de contrôle qui permettent d'exécuter un bloc de code
plusieurs fois. En JavaScript, il existe plusieurs types de boucles, notamment for,
while, et do...while. Dans ce cours, nous explorerons en détail l'utilisation de
ces boucles en JavaScript.
1. Boucle for
La boucle for est utilisée lorsque vous connaissez à l'avance le nombre d'itérations
nécessaires.

2. Boucle while
La boucle while est utilisée lorsque vous ne connaissez pas à l'avance le nombre
d'itérations nécessaires.

3. Boucle do...while
La boucle do...while est similaire à la boucle while, mais elle garantit qu'au
moins une itération sera effectuée avant de tester la condition.
4. Instructions break et continue
L'instruction break est utilisée pour interrompre une boucle et passer à l'instruction
suivante en dehors de la boucle.

L'instruction continue est utilisée pour passer à l'itération suivante de la boucle


sans exécuter le reste du code dans le bloc de la boucle.

5. Boucles imbriquées
Les boucles peuvent être imbriquées pour traiter des structures de données
multidimensionnelles ou pour effectuer des opérations complexes.
Chapitre 5: les Tableaux

La manipulation des tableaux en JavaScript est une tâche courante lors du développement web.
Voici quelques opérations de base que vous pouvez effectuer :

1. Création d'un tableau :

2. Accès aux éléments d'un tableau :

3. Modification des éléments d'un tableau :

4. Ajout d'éléments à un tableau :

5. Suppression d'éléments d'un tableau :


6. Parcourir un tableau :

7. Filtrage d'un tableau :


Chapitre 6 : les fonctions en JavaScript

Introduction
Les fonctions sont des blocs de code réutilisables qui permettent d'organiser et
d'exécuter des tâches spécifiques dans un programme JavaScript. Elles sont
essentielles pour rendre le code plus modulaire, lisible et facile à entretenir. Dans ce
cours, nous allons explorer en détail les fonctions en JavaScript.
1. Déclaration de fonctions
En JavaScript, une fonction peut être déclarée de différentes manières. La plus
courante est la déclaration de fonction standard.

2. Appel de fonctions
Une fois qu'une fonction est déclarée, elle peut être appelée (exécutée) à tout
moment.

3. Paramètres et arguments
Les fonctions peuvent accepter des paramètres, qui sont des variables utilisées pour
transmettre des valeurs à la fonction.
4. Valeur de retour
Les fonctions peuvent renvoyer une valeur à l'endroit où elles ont été appelées à l'aide
de l'instruction return.

5. Fonctions anonymes
Les fonctions anonymes sont des fonctions sans nom qui peuvent être stockées dans
des variables ou passées en tant qu'arguments à d'autres fonctions.

6. Fonctions fléchées
Les fonctions fléchées sont une syntaxe plus concise pour déclarer des fonctions
anonymes.
Ecrivez une fonction fléchée en JavaScript qui prend en entrée deux nombres et
renvoie leur somme.
Instructions :
1. Déclarez une fonction fléchée nommée sum prenant deux paramètres a et b.
2. Ajoutez a et b ensemble.
3. Renvoyez le résultat de l'addition.
Solution :
Chapitre 6: Les Fonctions usuelles

En JavaScript, il existe de nombreuses fonctions utiles qui sont couramment utilisées pour effectuer
différentes tâches.
Voici quelques-unes des fonctions les plus courantes :
console.log(): Utilisée pour afficher des messages dans la console du navigateur

alert(): Utilisée pour afficher une boîte de dialogue avec un message à l'utilisateur dans les
navigateurs web.
Exemple :

prompt(): Utilisée pour afficher une boîte de dialogue qui demande à l'utilisateur d'entrer une
valeur. Elle renvoie la valeur saisie par l'utilisateur.
Exemple :

confirm(): Utilisée pour afficher une boîte de dialogue avec un message et des boutons "OK" et
"Annuler". Elle renvoie true si l'utilisateur clique sur "OK" et false s'il clique sur "Annuler".
Exemple :
setTimeout(): Utilisée pour exécuter une fonction après un certain délai en millisecondes.
Exemple :

setInterval(): Utilisée pour exécuter une fonction à intervalles réguliers définis en


millisecondes.
Exemple :

parseInt(): Utilisée pour convertir une chaîne de caractères en un entier.


Exemple :

parseFloat(): Utilisée pour convertir une chaîne de caractères en un nombre à virgule flottante.
Exemple :
String.length: Utilisée pour retourner la longueur d'une chaîne de caractères.
Exemple :

String.toLowerCase(): Utilisée pour convertir une chaîne de caractères en minuscules.


Exemple :

String.toUpperCase(): Utilisée pour convertir une chaîne de caractères en majuscules.


Exemple :

String.indexOf(): Utilisée pour retourner l'index de la première occurrence d'une sous-chaîne


dans une chaîne de caractères.
Exemple :

Array.push(): Utilisée pour ajouter un ou plusieurs éléments à la fin d'un tableau et renvoyer la
nouvelle longueur du tableau.
Exemple :

Array.pop(): Utilisée pour supprimer le dernier élément d'un tableau et le renvoyer.


Exemple :
Array.join(): Utilisée pour concaténer tous les éléments d'un tableau dans une chaîne de
caractères en les séparant avec un séparateur spécifié.
Exemple :

Array.slice(): Utilisée pour extraire une partie d'un tableau et renvoyer un nouveau tableau
sans modifier l'original.
Exemple :
Chapitre 7: Manipulation du DOM

Présentation du Document Object Model (DOM) et de son rôle dans le développement web.

Le Document Object Model (DOM) est une interface de programmation qui représente une page
web comme un arbre de nœuds. Chaque élément de la page web, tel que les balises HTML, les
attributs, le texte, etc., est représenté par un nœud dans cet arbre.
Le DOM est essentiel dans le développement web car il permet aux développeurs d'accéder
dynamiquement au contenu, à la structure et au style d'une page web, ainsi que d'apporter des
modifications à ces éléments en utilisant des scripts côté client, généralement écrits en JavaScript.
Voici quelques rôles clés du DOM dans le développement web :
1. Manipulation du contenu: Le DOM permet aux développeurs de récupérer, modifier,
ajouter ou supprimer du contenu HTML et des attributs de manière dynamique. Cela permet
de créer des expériences utilisateur interactives et dynamiques.
2. Modification de la structure: Les développeurs peuvent utiliser le DOM pour modifier la
structure de la page web en ajoutant, déplaçant ou supprimant des éléments HTML. Par
exemple, lors de la création de pages web réactives, des éléments peuvent être ajoutés ou
supprimés en fonction des interactions de l'utilisateur.
3. Gestion des événements: Le DOM permet de gérer les événements utilisateur tels que les
clics de souris, les pressions de touches et les survols. Cela permet de créer des
fonctionnalités interactives, comme des menus déroulants, des carrousels d'images, etc.
4. Modification des styles CSS: En utilisant le DOM, les développeurs peuvent modifier
dynamiquement les styles CSS appliqués aux éléments HTML. Cela permet de créer des
effets visuels et des animations en réponse aux interactions de l'utilisateur.
5. Accès aux données: Le DOM permet également d'accéder aux données stockées dans des
formulaires web ou dans des éléments de la page, ce qui facilite la validation des données et
l'envoi de celles-ci vers un serveur.
En résumé, le DOM joue un rôle essentiel dans la création d'expériences utilisateur interactives et
dynamiques sur le web en permettant aux développeurs d'accéder et de manipuler le contenu, la
structure et le style des pages web de manière dynamique à l'aide de JavaScript.

Différence entre le DOM et le HTML statique.

La principale différence entre le DOM (Document Object Model) et le HTML statique réside dans
leur nature et leur fonctionnement :
1. Nature:
• Le HTML statique est la version fixe et non modifiable d'une page web telle qu'elle
est écrite dans un fichier HTML. Il s'agit simplement du contenu brut de la page,
sans aucune interactivité ou manipulation possible.
• Le DOM, en revanche, est une représentation dynamique et structurée de la page web
telle qu'elle est interprétée et manipulée par le navigateur. Il s'agit d'une structure
d'arbre générée à partir du HTML statique, où chaque élément de la page est
représenté par un nœud que les scripts côté client peuvent manipuler.
2. Fonctionnement:
• Le HTML statique est interprété par le navigateur et affiché à l'utilisateur tel quel. Il
ne peut pas être modifié dynamiquement par des scripts côté client.
• Le DOM est construit à partir du HTML statique par le navigateur lorsqu'une page
est chargée. Il représente la structure de la page et permet aux scripts côté client
(généralement écrits en JavaScript) d'interagir avec le contenu, de le modifier
dynamiquement, d'ajouter de nouveaux éléments, de supprimer des éléments
existants, etc.
En résumé, le HTML statique est la version fixe et immuable d'une page web telle qu'elle est écrite
dans un fichier, tandis que le DOM est une représentation dynamique et manipulable de cette page
générée par le navigateur. Le DOM permet aux développeurs d'apporter des modifications
dynamiques au contenu, à la structure et au style de la page web à l'aide de JavaScript.

Les avantages de la manipulation du DOM avec JavaScript:

La manipulation du DOM avec JavaScript offre plusieurs avantages qui sont essentiels pour le
développement web moderne :
1. Interactivité dynamique: La manipulation du DOM permet de rendre les pages web
interactives et dynamiques. Les développeurs peuvent réagir aux actions de l'utilisateur en
modifiant le contenu, la structure ou le style de la page en temps réel, offrant ainsi une
expérience utilisateur plus engageante.
2. Mise à jour asynchrone: JavaScript permet de mettre à jour le contenu du DOM de manière
asynchrone, sans nécessiter de rechargement complet de la page. Cela permet de créer des
applications web réactives et fluides, où les mises à jour sont effectuées de manière
transparente en arrière-plan.
3. Personnalisation basée sur l'utilisateur: En manipulant le DOM avec JavaScript, les
développeurs peuvent personnaliser le contenu de la page en fonction des préférences ou des
actions spécifiques de chaque utilisateur. Par exemple, en affichant des recommandations
personnalisées, en adaptant l'interface utilisateur en fonction de la taille de l'écran, etc.
4. Animations et transitions fluides: JavaScript permet de créer des animations et des
transitions fluides en modifiant les propriétés CSS des éléments du DOM. Cela permet
d'ajouter des effets visuels attrayants à une page web, ce qui améliore l'expérience
utilisateur.
5. Validation des données côté client: En manipulant le DOM, les développeurs peuvent
valider les données entrées par l'utilisateur côté client avant de les soumettre au serveur. Cela
permet d'améliorer la réactivité de l'application en fournissant un retour instantané à
l'utilisateur en cas d'erreur ou d'entrée invalide.
6. Optimisation des performances: En évitant les rechargements de page fréquents et en
effectuant des mises à jour asynchrones du DOM, JavaScript contribue à optimiser les
performances des applications web, en réduisant les temps de chargement et en minimisant
la consommation de bande passante.
En résumé, la manipulation du DOM avec JavaScript offre aux développeurs la possibilité de créer
des applications web interactives, réactives et personnalisées, tout en améliorant les performances et
l'expérience utilisateur globale.

Démonstration pratique : accéder aux éléments DOM via la console du navigateur.

Sélectionner un élément par son ID:


Sélectionner des éléments par leur classe:
Sélectionner des éléments par leur balise:

Sélectionner le premier élément correspondant à un sélecteur CSS:

Dans cet exemple, vous devez remplacer 'selecteur_css' par le sélecteur CSS de
l'élément que vous souhaitez sélectionner. Par exemple :
• Si vous souhaitez sélectionner un élément avec une classe spécifique, vous pouvez utiliser
.nom_de_la_classe.
• Si vous souhaitez sélectionner un élément avec un ID spécifique, vous pouvez utiliser
#nom_de_l_id.
• Si vous souhaitez sélectionner un élément avec une balise spécifique, vous pouvez utiliser le
nom de la balise, par exemple div, p, span, etc.
Voici quelques exemples :
• Pour sélectionner le premier élément avec une classe spécifique :
• Pour sélectionner le premier élément avec un ID spécifique :

• Pour sélectionner le premier élément d'une certaine balise :

Sélectionner tous les éléments correspondant à un sélecteur CSS:


Exercice 1 : Sélectionnez l'élément avec l'ID "header" et changez sa couleur de fond en bleu.

Exercice 2 : Sélectionnez tous les éléments avec la classe "article" et ajoutez-leur une bordure de 1
pixel solide rouge.
Exercice 3 : Sélectionnez tous les éléments de paragraphe <p> et changez leur texte en "Exercice
terminé!".

Exercice 4 : Sélectionnez le premier élément avec la classe "highlight" et changez son style de
police en gras.

Exercice 5 : Sélectionnez tous les éléments avec la classe "item" et changez leur couleur de texte en
vert.
Les classes et prototype
JavaScript est un langage de programmation polyvalent utilisé pour le développement web et
d'autres applications. Deux concepts clés dans JavaScript sont les prototypes et les classes, qui sont
utilisés pour créer des objets et organiser le code de manière orientée objet.

En JavaScript, chaque objet est lié à un autre objet appelé son prototype. Cela signifie que chaque
objet a accès à des propriétés et des méthodes définies sur son prototype. Le prototype est
essentiellement un mécanisme de partage de comportements et de données entre des objets.

Dans le code que vous avez fourni, lorsque vous créez une classe Person en JavaScript, chaque
instance de cette classe (comme person1 et person2) est liée à un objet prototype commun, qui est
défini par la propriété prototype de la fonction constructeur Person.

Dans cet exemple, Person.prototype est un objet contenant toutes les méthodes et propriétés
que les instances de Person peuvent utiliser. Dans votre cas, vous n'avez pas défini explicitement de
méthodes ou de propriétés sur le prototype de Person, mais en JavaScript, chaque classe a
automatiquement un prototype qui est initialisé avec un ensemble de méthodes et de propriétés par
défaut, telles que toString, valueOf, etc.
Le phénomène de prototype en JavaScript est fondamental pour la programmation orientée objet
dans ce langage. Il permet de créer des relations entre les objets de manière efficace et dynamique,
ce qui facilite la réutilisation du code et la création de hiérarchies d'objets.
Exemple 1 :
Integrer avec web
Html :
Style.css :
Application de gestion des employés
Apprendre le JavaScript : Les timers

Les timers en JavaScript sont des fonctionnalités puissantes qui permettent d'exécuter du code
de manière asynchrone à des intervalles spécifiques ou après un certain délai. Les timers sont
utiles pour créer des animations, des mises à jour périodiques de l'interface utilisateur, des
délais d'attente, etc.
1. setTimeout() :

La fonction setTimeout() est utilisée pour exécuter une fonction une seule fois après un délai
spécifié.

Dans cet exemple, la fonction anonyme sera exécutée après 2 secondes (2000 millisecondes).

Html
Css

Js

2. clearTimeout()
Si vous avez défini un délai d'exécution pour une fonction avec setTimeout(), mais que vous
souhaitez l'annuler avant qu'elle ne soit exécutée, vous pouvez utiliser clearTimeout().

Html

Css
Js
Voici une explication ligne par ligne du code fourni :
 document.addEventListener('DOMContentLoaded', function() {: Cette ligne
écoute l'événement DOMContentLoaded, qui se déclenche lorsque le DOM
(Document Object Model) est entièrement chargé dans le navigateur. Une fois que cet
événement se produit, la fonction anonyme passée en second argument est exécutée.
 var chronoElement = document.getElementById('chrono');: Cela récupère
l'élément HTML avec l'ID 'chrono' et le stocke dans la variable chronoElement.
 var startButton = document.getElementById('startButton');: Cela récupère
l'élément HTML avec l'ID 'startButton' et le stocke dans la variable startButton.
 var stopButton = document.getElementById('stopButton');: Cela récupère
l'élément HTML avec l'ID 'stopButton' et le stocke dans la variable stopButton.
 var startTime;: Déclare une variable startTime pour stocker le temps de début du
chronomètre.
 var elapsedTime = 0;: Initialise la variable elapsedTime à 0 pour stocker le temps
écoulé depuis le démarrage du chronomètre.
 var timerID;: Déclare une variable timerID pour stocker l'identifiant du timer utilisé
pour le chronomètre.
 function displayTime() { ... }: Définit une fonction displayTime() qui calcule et
affiche le temps écoulé au format 'heures:minutes:secondes'.
 function startTimer() { ... }: Définit une fonction startTimer() qui démarre le
chronomètre en utilisant setTimeout() pour mettre à jour le temps écoulé toutes les
secondes.
 function stopTimer() { ... }: Définit une fonction stopTimer() qui arrête le
chronomètre en utilisant clearTimeout() pour annuler le timer.
 startButton.addEventListener('click', function() { ... }: Ajoute un gestionnaire
d'événement pour le clic sur le bouton de démarrage. Lorsque le bouton est cliqué, il
désactive le bouton de démarrage, active le bouton d'arrêt et démarre le chronomètre.
 stopButton.addEventListener('click', function() { ... }: Ajoute un gestionnaire
d'événement pour le clic sur le bouton d'arrêt. Lorsque le bouton est cliqué, il réactive
le bouton de démarrage, désactive le bouton d'arrêt et arrête le chronomètre.
 displayTime();: Appelle la fonction displayTime() pour initialiser l'affichage du
temps au chargement de la page.
Ensemble, ce code met en place un chronomètre simple avec des boutons de démarrage et
d'arrêt, qui affiche le temps écoulé au format 'heures:minutes:secondes'.

Ce ligne

Equivalent a
 setTimeout est utilisé pour démarrer un nouveau cycle d'actualisation du temps toutes
les secondes, de manière répétitive, pour mettre à jour l'affichage du temps écoulé
dans le chronomètre.

 La propriété .disabled est utilisée pour désactiver ou activer un élément HTML


interactif, tel qu'un bouton. Lorsqu'un élément est désactivé, il devient inerte, ce qui
signifie qu'il ne peut pas être cliqué ou modifié par l'utilisateur.

3. setInterval()

La fonction setInterval() est utilisée pour exécuter une fonction périodiquement, à intervalles
spécifiés.

Dans cet exemple, la fonction anonyme sera exécutée toutes les 3 secondes (3000
millisecondes).

Tp Horloge :
Styles.css
Script.js

4. clearInterval() :

Si vous souhaitez arrêter l'exécution périodique d'une fonction définie avec setInterval(),
vous pouvez utiliser clearInterval().
TP :Compteur

Html

Css
Js

Dans cet exemple, l'exécution périodique de la fonction sera arrêtée après 10 secondes.
Les timers en JavaScript sont très utiles pour créer des applications interactives et
dynamiques. Cependant, il est important de les utiliser avec prudence pour éviter les fuites de
mémoire et les performances médiocres.

Vous aimerez peut-être aussi