Discussion :

[nadfri2019]

Bonjour,

Je suis train de faire une calculatrice en Javascript/HTML avec affichage sur une ligne.

Les opérateurs et les nombres sont donc présent dans le même textaera ou input.

Pour commencer j'ai utilisé la methode eval(string), mais celle-ci ne fonctionne pas quand on veut utiliser les methodes Math.sqrt, Math.Pi etc...

Quelle est l'alternative?

Voici mon code avec une regex pour Math.sqrt qui renvoi "illegal character" sur firefox:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
equal.onclick = () => {  
	let resultat = calculLine.value; //calculLine represente un textaera
	let regexSquare = /(^\(?\d*\)?$)²/;
 
	resultat = resultat.replace(regexSquare,"Math.sqrt($1)" );
 
		try 
		{
		    result.innerHTML = `${resultat} = ${eval(resultat)}`; } //result est une div servant à l'affichage du resultat
		catch(e) 
		{
		    result.innerHTML=`${resultat} => Syntax Error`; //
		}
 
};

[javatwister]

ta fonction racine, par exemple, n'est pas opérationnelle si tu ne spécifies pas un début et une fin à la chaîne traitée;
racine(2X3) est différent de (racine 2) X 3;

[javatwister]

Mettons que ta calculatrice génère un R avant l'expression à traiter et un r après...

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

resultat = resultat.replace(/R([^Rr]+)r/g,"Math.sqrt($1)");

[nadfri2019]

En effet le problème venait de ma regex qui ne tenait pas la route, j'ai forcé l'ajout des parenthèses afin d'eviter ces bugs


Avec celle-ci ça l'air de fonctionner:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
regexSquare = /√\((.*)\)/; //capture tout ce qui commence par "√(" et finit par ")" les symboles bizarres représentent l'unicode racine
resultat = resultat.replace(regexSquare,"Math.sqrt($1)" ); // Ex: √(2+5) => Math.sqrt(2+5)

[javatwister]

Tu vas encore avoir des problèmes de délimitation de la racine...

[nadfri2019]

C'est vrai, si j'ai plus d'une racine dans mon expression ça me fait une erreur.

Comment s'en sortir?
replace() ne change pas tous les motifs rencontrés?

[javatwister]

Tu comptes sur la bonne volonté de l'utilisateur... Ce n'est pas bête mais c'est générateur de bugs... voire plus puisque tu es (toi aussi ) partisan d'eval.
Même si tu interdis le clavier et le copier-coller, tu dois accepter que le client clique où il veut pour tester les limites de ton programme.
Bref, tu gères les erreurs...

[nadfri2019]

Y a t'il une alternative à eval(), j'ai parcouru les forums sur le net et tous le monde utilise cette fonction pour les calculs sur 1 ligne, bien qu’elle soit déconseillée.

[javatwister]

Je répète: la gestion d'erreurs est la solution la plus fiable.

http://javatwist.imingo.net/calc.htm (mise à jour)