Gestion du bouton Annuler dans le projet calculatrice

Question

Pourrais-tu donner le code ou des informations dans le projet calculatrice pour pouvoir complètement sortir si la personne clique sur annuler ?
Pour le moment j'ai fait une fonction qui englobe tout donc si on fait annuler avec un return derrière on sort...
Mais comme j'ai gardé les étapes que tu donnes je me retrouve avec des fonctions à l'intérieur d'une fonction.
Et sur le vocal on m'a dit qu'il vaut mieux éviter ce genre de chose.

Louis-Nicolas Leuillet · Accepted Answer

Alors, effectivement, imbriquer des fonctions les unes dans les autres n'est pas idéal en termes de lisibilité et de bonnes pratiques.
Pour gérer proprement l'annulation, tu peux t'inspirer de la structure de la correction. L'idée, c'est d'utiliser des boucles do...while pour valider les entrées, et de tester si le retour est null (ce qui correspond au clic sur "Annuler"). Voici comment adapter le code de la correction pour intégrer cette gestion :
// Fonctions de calcul
function addition(nombreA, nombreB) {
return nombreA + nombreB;
}
function multiplication(nombreA, nombreB) {
return nombreA * nombreB;
}
function soustraction(nombreA, nombreB) {
return nombreA - nombreB;
}
function division(nombreA, nombreB) {
if(nombreB == 0) {
throw new Error("Impossible de diviser par 0.");
}
return nombreA / nombreB;
}
// Boucle principale
let restart = false;
do {
// Demande un choix
let choixInput;
do {
choixInput = prompt("Que souhaitez-vous faire ?

1 - Addition
 2 - Multiplication
 3 - Soustraction
 4 - Division
");
if (choixInput === null) {
alert("Calcul annulé !");
break;
}
var choix = Number(choixInput);
} while(choix != 1 && choix != 2 && choix != 3 && choix != 4)
if (choixInput === null) continue; // On passe à l'itération suivante
// Demande deux nombres
let nombreInput1, nombreInput2;
do {
nombreInput1 = prompt("Entrez un premier nombre :");
if (nombreInput1 === null) break;
nombreInput2 = prompt("Entrez un deuxième nombre :");
if (nombreInput2 === null) break;
var premierNombre = Number(nombreInput1);
var deuxiemeNombre = Number(nombreInput2);
} while(isNaN(premierNombre) || isNaN(deuxiemeNombre))
if (nombreInput1 === null || nombreInput2 === null) {
alert("Calcul annulé !");
continue;
}
// Suite du calcul avec le switch...
try {
switch (choix) {
case 1:
var resultat = addition(premierNombre, deuxiemeNombre);
break;
case 2:
var resultat = multiplication(premierNombre, deuxiemeNombre);
break;
case 3:
var resultat = soustraction(premierNombre, deuxiemeNombre);
break;
case 4:
var resultat = division(premierNombre, deuxiemeNombre);
break;
default:
throw new Error("Une erreur est survenue.");
}
alert("Voici le résultat : " + resultat);
} catch(error) {
alert(error);
}
restart = confirm("Souhaitez-vous recommencer un calcul ?");
} while(restart)
L'astuce ici, c'est d'utiliser continue pour sauter directement à la prochaine itération de la boucle principale quand l'utilisateur annule. Ça évite les imbrications excessives de if/else tout en gardant une structure claire avec tes fonctions bien séparées !

René Barousse · Answer

merci :)

Gestion du bouton Annuler dans le projet calculatrice

Formation JavaScript (legacy)