Les bases de JavaScript
🎯 Objectif : écrire tes premières lignes de JavaScript.
Où écrire du JavaScript ?
<script src="script.js"></script>
Place cette balise juste avant </body>. Tu peux aussi écrire le code entre <script> et </script>.
Afficher des messages
console.log("Bonjour depuis la console");
alert("Bienvenue sur mon site !");
- console.log() écrit dans la console du navigateur (F12 → Console) : très utile pour tester.
- alert() affiche une fenêtre d'alerte.
Variables
let nom = "Awa";
let age = 15;
const taux = 656;
console.log("Bonjour " + nom);
- let : variable qu'on peut modifier.
- const : valeur qui ne change pas.
- Types : texte (chaîne), nombre, booléen (true / false), tableau, objet.
Opérateurs et conditions
let note = 14;
if (note >= 10) {
console.log("Admis");
} else {
console.log("Refusé");
}
| Opérateur | Signification |
|---|---|
| + - * / | Calculs |
| % | Reste de la division |
| === | Égal (valeur et type) |
| !== | Différent |
| > < >= <= | Comparaisons |
| && || ! | ET, OU, NON |
Boucles et tableaux
let prix = [500, 1200, 600];
let total = 0;
for (let i = 0; i < prix.length; i++) {
total = total + prix[i];
}
console.log("Total : " + total);
Fonctions
function calculerTotal(prixUnitaire, quantite) {
return prixUnitaire * quantite;
}
console.log(calculerTotal(1500, 3));
⚠️ Attention : Chaque instruction se termine par un point-virgule ;, les accolades { } délimitent les blocs et les parenthèses ( ) contiennent les conditions et paramètres. Attention à la casse : Nom et nom sont différents.
💡 À retenir : Garde la console du navigateur ouverte (F12) : les erreurs JavaScript s'y affichent en rouge avec le numéro de ligne.
Envie de voir la suite ?
Inscrivez-vous à « Créer son premier site web : HTML, CSS et JavaScript » pour accéder à toutes les leçons.
Voir le cours