Accueil › Cours › JavaScript : les bases
JavaScript : variables, prompt, alert, conditions, boucles et fonctions
Écris tes premiers programmes JavaScript dans une page : afficher, demander une valeur, décider, répéter, et ranger le code dans des fonctions.
Les leçons de ce chapitre
- Un script dans la page
- Conditions et boucles
- Fonctions et objets du langage
Leçon 25.1 : Un script dans la page
Le JavaScript s'exécute dans le navigateur, sur la machine du visiteur. On l'écrit entre <script> et </script>, ou dans un fichier à part relié par <script src="script.js"></script>, placé de préférence juste avant </body>.
<body>
<h1>Ma page</h1>
<script src="script.js"></script>
</body>
let prenom = prompt("Ton prénom ?");
const annee = 2026;
alert("Bonjour " + prenom);
console.log("Nous sommes en", annee);
letdéclare une variable qui peut changer,constune valeur qui ne change plus.alert(…)ouvre une fenêtre,console.log(…)écrit dans la console (le cadre sous la page),prompt(…)demande une valeur.- Les types : nombre (
12,3.5), chaîne ("Tunis"), booléen (true,false).typeof xdit le type.
Attention : prompt rend toujours une chaîne : "5" + 3 donne "53" (les chaînes se collent). Convertis d'abord avec Number(…) : Number("5") + 3 donne 8.
Leçon 25.2 : Conditions et boucles
let note = Number(prompt("Ta note ?"));
if (note >= 10) {
console.log("Admis");
} else if (note >= 9) {
console.log("Rachat");
} else {
console.log("Refusé");
}
- Comparaisons :
==,!=,<,>,<=,>=;===compare aussi le type. On combine avec&&(et),||(ou),!(non). switch (x) { case 1: … break; default: … }choisit selon une valeur.
Les boucles
for (let i = 1; i <= 3; i++) {
console.log("Tour", i);
}
let n = 1;
while (n < 50) {
n = n * 3;
}
console.log(n);
for répète un nombre connu de fois, while tant que la condition est vraie, do { … } while (…); au moins une fois.
Astuce : Une boucle qui ne s'arrête jamais est arrêtée par l'aperçu au bout de 2,5 secondes, avec un message dans la console.
Leçon 25.3 : Fonctions et objets du langage
function carre(x) {
return x * x;
}
console.log(carre(7));
Une fonction regroupe des instructions sous un nom ; elle reçoit des paramètres et peut retourner un résultat avec return. Une variable déclarée dans une fonction est locale : elle n'existe pas dehors.
Les objets du langage
- String :
s.length,s.toUpperCase(),s.charAt(0),s.indexOf("a"),s.substring(1, 4),s.split(","). - Array :
t.length,t.push(x),t.join(", "),t.sort(),t.indexOf(x). Les cases sont numérotées à partir de 0. - Math :
Math.round,Math.floor,Math.max,Math.sqrt,Math.random(). Number :x.toFixed(2)écrit 2 chiffres après la virgule,parseInt("12px")donne12. - Date :
new Date(2026, 9, 9)est le 9 octobre 2026 (les mois commencent à 0) ;d.getFullYear(),d.getMonth(),d.getDate().
Attention : t.sort() trie comme des textes : [10, 9, 2].sort() donne [10, 2, 9]. Pour des nombres : t.sort(function (a, b) { return a - b; }).
S'entraîner gratuitement
Chaque leçon a 3 exercices gratuits avec indices pour appliquer ce chapitre avec Hannibot.
← Chapitre précédent : Tri Shell, tri par comptage, fusion · Chapitre suivant : JavaScript et la page →
Tous les chapitres · Voir les devoirs corrigés de 2ème TI
Cours écrit pour Mission Carthage d'après le programme officiel. Ton professeur reste la référence.