On vous donne l'interface d'une calculatrice déjà mise en page (boutons 0–9, +, −, ×, ÷, =, C)
et un écran d'affichage une ligne (style CASIO).
Votre mission : compléter le script pour la faire fonctionner avec des réels.
let operande = ""; pour construire le nombre en cours,
et let operateur = ""; pour mémoriser l'opération choisie (+, −, ×, ÷).let premierNombre = 0; pour stocker la valeur avant l'opérateur.operande
et on met à jour l'écran : ecran.textContent = operande;premierNombre = parseFloat(operande);,
on note l'opérateur, et on remet operande = ""; à vide pour saisir le second nombre.if / else if) et on l'affiche.parseFloat("3.14") convertit une chaîne en nombre réel.Structure du code à compléter :
// ======================================== // CODE DE DÉPART (NE PAS MODIFIER) // ======================================== const ecran = document.getElementById('ecran'); // Récupération de tous les boutons chiffres const btn0 = document.getElementById('btn0'); const btn1 = document.getElementById('btn1'); // ... (idem jusqu'à btn9) const btnDot = document.getElementById('btnDot'); const btnAdd = document.getElementById('btnAdd'); // ... btnSub, btnMul, btnDiv const btnEgal = document.getElementById('btnEgal'); const btnC = document.getElementById('btnC'); // ======================================== // À COMPLÉTER PAR LES ÉLÈVES // ======================================== // 1) Déclarez vos variables ici // TODO : let operande = ... // TODO : let premierNombre = ... // TODO : let operateur = ... // 2) Fonction appelée quand on clique sur un chiffre ou le point function clicChiffre(chiffre) { // TODO : ajouter le chiffre à operande // TODO : mettre à jour l'écran } // 3) Fonction appelée quand on clique sur un opérateur function clicOperateur(op) { // TODO : mémoriser le premier nombre // TODO : mémoriser l'opérateur // TODO : vider operande } // 4) Fonction appelée quand on clique sur = function clicEgal() { // TODO : récupérer le second nombre (parseFloat) // TODO : calculer selon operateur // TODO : afficher le résultat } // 5) Fonction appelée quand on clique sur C function clicClear() { // TODO : tout remettre à zéro } // ======================================== // CONNEXION DES BOUTONS (NE PAS MODIFIER) // ======================================== btn0.addEventListener('click', () => clicChiffre('0')); btn1.addEventListener('click', () => clicChiffre('1')); // ... (idem jusqu'à btn9 et btnDot) btnAdd.addEventListener('click', () => clicOperateur('+')); // ... btnSub → '-', btnMul → '*', btnDiv → '/' btnEgal.addEventListener('click', clicEgal); btnC.addEventListener('click', clicClear);