Apprendre la syntaxe et les bases de JavaScript - Les 8 points essentiels
1. Variables (var, let, const)
- var : ancienne façon de déclarer une variable (portée fonctionnelle).
- let : permet de déclarer une variable à portée de bloc.
- const : permet de déclarer une constante (valeur non réassignable).
Exemple :
let age = 21;
const nom = "Gotch";
2. Types de données
- string : chaîne de caractères ("Bonjour")
- number : nombre (42, 3.14)
- boolean : vrai ou faux (true, false)
- null : valeur vide
- undefined : valeur non définie
- object : objet complexe { nom: "Gotch", age: 21 }
- array : tableau [1, 2, 3]
Exemple :
let fruits = ["pomme", "banane", "mangue"];
3. Opérateurs
- Arithmétiques : +, -, *, /, %, **
- Logiques : && (ET), || (OU), ! (NON)
- Comparaison : ==, ===, !=, !==, >, <, >=, <=
Exemple :
let a = 5, b = 3;
[Link](a > b); // true
4. Conditions
- if / else
- switch
Exemple :
if (age >= 18) {
[Link]("Majeur");
} else {
[Link]("Mineur");
}
5. Boucles
- for
- while
- do...while
- for...of
- for...in
Exemple :
for (let i = 0; i < 5; i++) {
[Link](i);
}
6. Fonctions
- Déclaration classique
function saluer(nom) {
return "Bonjour " + nom;
}
- Fonctions fléchées
const saluer = (nom) => "Bonjour " + nom;
7. Objets et tableaux
- Création d'objets
let personne = { nom: "Gotch", age: 21 };
- Accès aux valeurs
[Link]([Link]);
- Manipulation de tableaux
let fruits = ["pomme", "banane"];
[Link]("mangue"); // ajoute un élément
8. Manipulation du DOM
- Sélectionner un élément HTML
[Link]("monElement");
- Modifier le contenu
[Link]("h1").textContent = "Nouveau titre";
- Écouter un événement
[Link]("button").addEventListener("click", () => {
alert("Bouton cliqué !");
});
Astuce : Utilise la console du navigateur (F12 → Console) pour tester rapidement
ton code.