CodeAgeBy Sitezack
JavaScript pour CréateursDOM et événements0 XP
Progression du chapitre0/6

Leçon 7 sur 7

Projet : la Calculatrice

Ta première vraie app ! Deux inputs, quatre opérations, un affichage — exactement le schéma de toutes les interfaces : lire, calculer, afficher.

Astuce : écris une fonction compute(operator) et branche chaque bouton dessus, comme au niveau précédent.

function compute(op) {
  var a = Number(document.getElementById('a').value);
  var b = Number(document.getElementById('b').value);
  if (op === '+') { ... }
}

🎯 Ton objectif

Construis la calculatrice : les inputs #a et #b, quatre boutons #add #sub #mul #div, et un affichage #result. Chaque bouton calcule l'opération correspondante (+, -, ×, ÷) avec les valeurs converties en nombres, et écrit le résultat dans #result.

Leçon PRO

Ce chapitre avancé fait partie de CodeAge PRO. Débloque-le pour continuer ton aventure.

Découvrir PRO