🌟 Guide Complet des Éléments JavaScript 🌟
🌟 1) Opérateurs logiques 🌟
Ces opérateurs permettent de combiner ou d’inverser des conditions booléennes (vrai / faux).
🔹 &&
• Nom : ET logique (AND)
• Rôle : Résultat vrai uniquement si les deux conditions sont vraies.
• Exemple d’utilisation :
if (a > 0 && b > 0) { /* les deux sont positifs */ }
🔹 ||
• Nom : OU logique (OR)
• Rôle : Résultat vrai si au moins une des conditions est vraie.
• Exemple d’utilisation :
if (a > 0 || b > 0) { /* au moins un positif */ }
🔹!
• Nom : NON logique (NOT)
• Rôle : Inverse le résultat.
• Exemple d’utilisation :
if (!a) { /* vrai si a est faux */ }
🌟 2) Opérateurs de comparaison 🌟
Ces opérateurs comparent des valeurs.
🔹 ==
• Nom : Égal
• Rôle : Vrai si les valeurs sont égales (pas nécessairement le type).
• Exemple :
if (a == 5) { /* a vaut 5 */ }
🔹 !=
• Nom : Différent
• Rôle : Vrai si les valeurs sont différentes.
• Exemple :
if (a != 10) { /* a n’est pas égal à 10 */ }
🔹>
• Nom : Supérieur à
• Rôle : Vrai si la valeur de gauche est supérieure.
• Exemple :
if (a > 3) { /* a est strictement supérieur à 3 */ }
🔹 >=
• Nom : Supérieur ou égal à
• Rôle : Vrai si la valeur de gauche est supérieure ou égale.
• Exemple :
if (a >= 3) { /* a ≥ 3 */ }
🔹<
• Nom : Inférieur à
• Rôle : Vrai si la valeur de gauche est strictement inférieure.
• Exemple :
if (a < 3) { /* a < 3 */ }
🔹 <=
• Nom : Inférieur ou égal à
• Rôle : Vrai si la valeur de gauche est inférieure ou égale.
• Exemple :
if (a <= 3) { /* a ≤ 3 */ }
🌟 3) Opérateurs arithmétiques 🌟
Ces opérateurs servent à effectuer des calculs mathématiques de base.
🔹+
• Rôle : Addition
• Exemple :
let c = a + b;
🔹-
• Rôle : Soustraction
• Exemple :
let d = a - b;
🔹*
• Rôle : Multiplication
• Exemple :
let e = a * b;
🔹/
• Rôle : Division
• Exemple :
let f = a / b;
🔹%
• Rôle : Reste de la division euclidienne (modulo)
• Exemple :
let r = a % b;
🌟 4) Méthodes pour afficher une sortie 🌟
Ces méthodes servent à afficher des informations à l’utilisateur.
🔹 alert()
• Rôle : Affiche un message dans une boîte de dialogue (popup).
• Exemple :
alert("Bonjour le monde !");
→ Affiche une boîte avec le texte Bonjour le monde !
🔹 [Link]()
• Rôle : Écrit directement dans le document HTML.
• Exemple :
[Link]("Hello world !");
→ Le texte Hello world ! est écrit dans la page à l’endroit de l’appel.
💡 Remarque :
Pour afficher ou modifier un contenu dynamique (d’après le PDF), on peut utiliser la propriété
innerHTML d’un élément HTML.
🌟 5) Méthode pour saisir une entrée 🌟
🔹 prompt()
• Rôle : Affiche une boîte de dialogue avec un champ de saisie.
• Exemple :
let nom = prompt("Quel est votre nom ?");
→ Affiche un champ pour écrire et stocke la valeur dans nom.
🌟 6) Fonctions/Méthodes JS 🌟
Des méthodes utilitaires intégrées à JavaScript pour vérifier ou convertir des valeurs.
🔹 isNaN(ch)
• Rôle : Vérifie si ch n’est pas convertible en nombre.
• Renvoie : true si ce n’est pas un nombre, sinon false.
• Exemple :
if (isNaN("abc")) {
alert("Ce n’est pas un nombre !");
}
🔹 Number(ch)
• Rôle : Convertit une chaîne ch en un nombre.
• Exemple :
let n = Number("42");
→ n vaut 42.
🔹 parseFloat(ch)
• Rôle : Convertit une chaîne en un nombre réel (avec décimales).
• Exemple :
let f = parseFloat("3.14");
🔹 parseInt(ch [,b])
• Rôle : Convertit une chaîne en entier.
• Paramètre b (optionnel) : base (ex. 2 pour binaire, 10 pour décimal).
• Exemple :
let i = parseInt("10", 10);
→ i vaut 10 en base décimale.
🔹 String(a)
• Rôle : Convertit la valeur a en une chaîne de caractères.
• Exemple :
let s = String(123);
→ s vaut "123".
Parfait ! Voici les sections suivantes détaillées, toujours basées exclusivement sur ton PDF :
🌟 7) Méthodes pour sélectionner des éléments HTML 🌟
Ces méthodes permettent de sélectionner des éléments HTML pour ensuite les manipuler.
🔹 [Link]()
• Rôle : Sélectionne un élément unique par son identifiant (id).
• Exemple :
let titre = [Link]("titrePrincipal");
→ La variable titre contient l’élément avec id="titrePrincipal".
🔹 [Link]()
• Rôle : Sélectionne tous les éléments qui ont un attribut name donné.
• Exemple :
let champs = [Link]("groupeRadio");
→ champs est une liste de tous les éléments name="groupeRadio".
🌟 8) Méthodes de l’objet Math (Math) 🌟
L’objet Math regroupe plusieurs fonctions mathématiques utiles.
🔹 abs(x)
• Rôle : Valeur absolue de x.
• Exemple :
let a = [Link](-5); // 5
🔹 sqrt(x)
• Rôle : Racine carrée de x.
• Exemple :
let r = [Link](9); // 3
🔹 round(x)
• Rôle : Arrondit x à l’entier le plus proche.
• Exemple :
let n = [Link](4.7); // 5
🔹 trunc(x)
• Rôle : Supprime la partie décimale de x.
• Exemple :
let t = [Link](4.9); // 4
🔹 random()
• Rôle : Nombre aléatoire entre 0 (inclus) et 1 (exclu).
• Exemple :
let r = [Link](); // Ex. : 0.4567…
🌟 9) L’objet Array 🌟
Les tableaux (Array) en JavaScript pour stocker plusieurs valeurs.
🔹 length
• Rôle : Donne le nombre d’éléments dans le tableau.
• Exemple :
let fruits = ["pomme", "banane"];
let n = [Link]; // 2
🌟 10) Les chaînes de caractères 🌟
Ces propriétés et méthodes servent à manipuler les textes (String).
🔹+
• Rôle : Concaténation de deux chaînes.
• Exemple :
let s = "Bonjour " + "le monde!";
🔹 [Link]
• Rôle : Longueur de la chaîne ch.
• Exemple :
let l = "Salut".length; // 5
🔹 [Link](ch1 [,p])
• Rôle : Position de la première occurrence de ch1 dans ch (à partir de p).
• Exemple :
let pos = "bonjour".indexOf("o"); // 1
🔹 [Link](ch1 [,p])
• Rôle : Position de la dernière occurrence de ch1 dans ch (à partir de p).
• Exemple :
let pos = "bonjour".lastIndexOf("o"); // 4
🔹 [Link](d, f)
• Rôle : Sous-chaîne de ch de la position d à f (non inclus).
• Exemple :
let sousChaine = "bonjour".substring(1,4); // "onj"
🔹 [Link](ch1, ch2)
• Rôle : Remplace la 1ère occurrence de ch1 par ch2.
• Exemple :
let s = "Salut".replace("a", "o"); // "Solut"
🔹 [Link]()
• Rôle : Convertit en minuscules.
• Exemple :
let min = "HELLO".toLowerCase(); // "hello"
🔹 [Link]()
• Rôle : Convertit en majuscules.
• Exemple :
let maj = "hello".toUpperCase(); // "HELLO"
🔹 [Link]()
• Rôle : Supprime les espaces au début et à la fin.
• Exemple :
let t = " coucou ".trim(); // "coucou"
🔹 [Link](num, …, numN)
• Rôle : Chaîne formée à partir de codes ASCII.
• Exemple :
let ch = [Link](65, 66, 67); // "ABC"
🌟 11) L’objet Date 🌟
Pour gérer les dates et les heures.
🔹 new Date()
• Rôle : Crée un objet Date avec la date actuelle.
• Exemple :
let d = new Date();
🔹 new Date(ch)
• Rôle : Crée une date à partir d’une chaîne.
• Exemple :
let d = new Date("2025-06-09");
🔹 [Link]()
• Rôle : Jour du mois (1-31).
• Exemple :
let jour = [Link]();
🔹 [Link]()
• Rôle : Mois (0-11).
• Exemple :
let mois = [Link]();
🔹 [Link]()
• Rôle : Année à 4 chiffres.
• Exemple :
let annee = [Link]();
🔹 [Link]()
• Rôle : Date sous forme de chaîne lisible.
• Exemple :
let s = [Link]();
🌟 12) Modification du contenu, des attributs ou des styles des
éléments HTML 🌟
Ces méthodes permettent de modifier l’apparence et le contenu de la page.
🔹 [Link] = valeur
• Rôle : Change un attribut de l’élément (value, checked, disabled, readonly, src, muted).
• Exemple :
[Link]("monImage").src = "[Link]";
🔹 [Link]été = valeur
• Rôle : Modifie un style CSS directement depuis JavaScript.
• Propriétés autorisées : color, background, border, font, width, height.
• Exemple :
[Link]("titre").[Link] = "red";
🔹 element.méthode()
• Rôle : Fait une action sur un élément (limité à play(), pause()).
• Exemple :
let audio = [Link]("son");
[Link]();