Calculatrice en javascript [Résolu/Fermé]

Signaler
-
 petittux -
Bonjour,
j'aimerai concevoire une calculatrice en utilisant javascript voici le code
<script language="javascript">
function selon()
{
if(document.formulaire.choix[0].cheked)
var r=document.formulaire.saisie1.value + document.formulaire.saisie2.value;
alert(r);
if(document.formulaire.choix[1].cheked)
var r=document.formulaire.saisie1.value - document.formulaire.saisie2.value;
alert(r);
if(document.formulaire.choix[2].cheked)
var r=document.formulaire.saisie1.value * document.formulaire.saisie2.value;
alert(r);
if(document.formulaire.choix[3].cheked)
var r=document.formulaire.saisie1.value / document.formulaire.saisie2.value;
alert(r);
}
</script>

LE probléme c'est quand j'appui sur calculer rien ne s'affiche, je comprend pas ou se situe le probléme
aidez moi svp et merci d'avance.

7 réponses

Messages postés
441
Date d'inscription
dimanche 13 janvier 2008
Statut
Membre
Dernière intervention
5 mai 2008
61
Victoire !

Je ne suis pas un spécialiste du JavaScript, mais je me débrouille pour y arriver.
Voici une solution :



<html>
<head>
<title>calculatrice</title>
<script language="javascript">
function selon()
{
var saisie1 = parseFloat(document.forms["formulaire"].elements["saisie1"].value);
var saisie2 = parseFloat(document.forms["formulaire"].elements["saisie2"].value);
var choix = document.forms["formulaire"].elements["choix"];

if(choix[0].checked) {
        var r=saisie1 + saisie2;
        alert(r);}
if(choix[1].checked) {
        var r=saisie1 - saisie2;
        alert(r);
}if(choix[2].checked) {
        var r=saisie1 * saisie2;
        alert(r);
}
if(choix[3].checked) {
        var r=saisie1 / saisie2;
        alert(r);
}
}
</script>
</head>
<body>
<form name="formulaire">
<p>variable1:<input name="saisie1" type="text" ></p>
<p>variable2:<input name="saisie2" type="text" ></p>
<center>
<input type="button" value="calculer" onclick="selon();return(false)">
<input type="reset" value="effacer"><br>
</center>
<input name="choix" type="radio" value="0">addition<br>
<input name="choix" type="radio" value="1">soustraction<br>
<input name="choix" type="radio" value="2">multiplication<br>
<input name="choix" type="radio" value="3">division<br>

</form>
</body>

</html>





J'ai trouvé l'information là : https://www.toutjavascript.com/savoir/savoir06_2.php3 et https://www.toutjavascript.com/savoir/savoir08.php3

Raph
6
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci

<head>
<script language="javascript">
function calcul()
{ a= document.f.v1.value;
b= document.f.v2.value;
if ((document.f.op[0].checked)== true)
{ a= Number(a); b= Number(b);
alert(a+b);
}
else
if ((document.f.op[1].checked)== true)
alert(a-b);
else
if ((document.f.op[2].checked)== true)
alert(a*b);
else
if (b==0)
alert("division par 0");
else
alert(a/b);
}
</script> </script>
</head>
<body>

<form name=f>

variable 1:<input type="text" name="v1" size="50">
<br>
variable 2:<input type="text" name="v2" size="50">
<br>
Opérateurs :
<br>
<br>
<input type="radio" name="op" value="a"> addition <br>
<input type="radio" name="op" value="s"> Soustraction <br>
<input type="radio" name="op" value="m"> multiplication <br>
<input type="radio" name="op" value="d"> division<br>
<input type="button" value="calculer" name="a" onclick="calcul()"><input type="reset" value="effacer" name="b">
</form>


</body>
R4f,
voici tout le code essayez le svp et trouver moi ce qui cloche
<html>
<head>
<title>calculatrice</title>
<script language="javascript">
function selon()
{
if(document.formulaire.choix[0].cheked)
var r=document.formulaire.saisie1.value + document.formulaire.saisie2.value;
alert(r);
if(document.formulaire.choix[1].cheked)
var r=document.formulaire.saisie1.value - document.formulaire.saisie2.value;
alert(r);
if(document.formulaire.choix[2].cheked)
var r=document.formulaire.saisie1.value * document.formulaire.saisie2.value;
alert(r);
if(document.formulaire.choix[3].cheked)
var r=document.formulaire.saisie1.value / document.formulaire.saisie2.value;
alert(r);
}
</script>
<body>
<form name="formulaire">
<p>variable1:<input name="saisie1" type="text" ></p>
<p>variable2:<input name="saisie2" type="text" ></p>
<center>
<input type="button" value="calculer" onclick="selon()">
<input type="reset" value="effacer"><br>
</center>
<input name="choix" type="radio" value="0">addition<br>
<input name="choix" type="radio" value="1">soustraction<br>
<input name="choix" type="radio" value="2">multiplication<br>
<input name="choix" type="radio" value="3">division<br>

</form>
</body>

</html>
répondez svp et merci d'avance encore
voici la correction de votre code
les fautes : tu doit ecrire .checked au lieu de cheked ca manque un c
tu doit convertir en entier les valeurs recupréré de variable 1 et 2 *
fais attention au { } de if (condition){instructions;}
solution corrigée :

<html>
<head>
<title>calculatrice</title>
<script language="javascript">
function selon()
{
if(document.formulaire.choix[0].checked) {
var r=parseInt(document.formulaire.saisie1.value) + parseInt(document.formulaire.saisie2.value);
alert(r);}
if(document.formulaire.choix[1].checked) {
var r=parseInt(document.formulaire.saisie1.value) - parseInt(document.formulaire.saisie2.value);
alert(r);}
if(document.formulaire.choix[2].checked) {
var r=parseInt(document.formulaire.saisie1.value) * parseInt(document.formulaire.saisie2.value);
alert(r);}
if(document.formulaire.choix[3].checked) {
var r=parseInt(document.formulaire.saisie1.value) / parseInt(document.formulaire.saisie2.value);
alert(r);}}
</script>
</head>
<body>
<form name="formulaire">
<p>variable1:<input name="saisie1" type="text" ></p>
<p>variable2:<input name="saisie2" type="text" ></p>
<center>
<input type="button" value="calculer" onclick="selon()">
<input type="reset" value="effacer"><br>
</center>
<input name="choix" type="radio" value="0">addition<br>
<input name="choix" type="radio" value="1">soustraction<br>
<input name="choix" type="radio" value="2">multiplication<br>
<input name="choix" type="radio" value="3">division<br>

</form>
</body>

</html>
bonjour,
merci pour m'avoire aider le code marche à merveille

Hello, y 'en pas mal faite en javascript sur le net... tu peux taper "calculatrice en ligne" sur google te suffit de regarder le code pour t'en inspirer

ex
https://actufinance.fr/outils/calculatrice.html

peu etre ce message intervient un peu tard et que tu as déjà codé ta calculatrice.. si oui t'aurais une url ou on pourrait la voir?

à+
Marc
Messages postés
441
Date d'inscription
dimanche 13 janvier 2008
Statut
Membre
Dernière intervention
5 mai 2008
61
Le code HTML qui va avec serait d'une grande aide...

Et puis sous Firefox, il y a des aides pour développer en JavaScript : https://www.hugedomains.com/domain_profile.cfm?d=geckozone&e=org par exemple
Merci beaucoup grâce à vous j'ai mis cette calculatrice sur mon site...