⚙️ Introduction au JavaScript

Le JavaScript est un langage de programmation qui permet de rendre vos pages web interactives.

🔧 Pourquoi utiliser JavaScript ?

• 🎯 Réagir aux actions de l'utilisateur (clics, saisies...)
• 🧠 Modifier le contenu de la page sans la recharger
• 📦 Communiquer avec des serveurs pour charger des données

📝 Syntaxe de base

// Afficher un message dans la console
console.log("Bonjour, monde !");

// Déclarer une variable
let nom = "Alice";

// Créer une fonction
function saluer() {
  alert("Salut " + nom + " !");
}

🧩 Manipuler le DOM

Le DOM (Document Object Model) représente la structure HTML de la page. JavaScript peut modifier des éléments en direct.

// Modifier un élément HTML avec son ID
document.getElementById("titre").textContent = "Nouveau titre";

🎯 Gérer les événements

// Réagir à un clic
document.getElementById("monBouton").addEventListener("click", function() {
  alert("Bouton cliqué !");
});

⚠️ Erreurs fréquentes à éviter

• Oublier de fermer les blocs avec { }
• Utiliser une variable non déclarée
• Confondre = (affectation) avec == (comparaison)
• Essayer d'utiliser un élément HTML avant qu'il ne soit chargé

💡 Bonnes pratiques

• Utiliser const ou let plutôt que var
• Créer des fonctions courtes et précises
• Commenter le code pour le rendre plus lisible
• Utiliser la console du navigateur pour tester le code (F12)

📦 Exemple simple

Voici un bouton qui change la couleur de fond de la page :

// Code JS utilisé :
document.getElementById("changeColorBtn").addEventListener("click", () => {
  document.body.style.backgroundColor = "#" + Math.floor(Math.random() * 16777215).toString(16);
});