Calculatrice en javascript

Résolu

Javascript

newgame -
petittux - 23 août 2011 à 10:57

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.

Configuration: Windows XP
Opera 9.50

Afficher la suite

A voir également:

Exercice calculatrice en javascript
A javascript error occurred in the main process - Forum Matériel & Système
Calculatrice gratuit - Télécharger - Calcul & Conversion
Calculatrice - Télécharger - Calcul & Conversion
Ma-calculatrice - Télécharger - Calcul & Conversion
Calculatrice mauricette ✓ - Forum calculatrices

7 réponses

R4f Messages postés 441 Statut Membre 62

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

Réponse 2 / 7
NestOo

<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>
5
Réponse 3 / 7
newgame

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
4
1. wahbi_karoui
  
  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>
  
  0
Réponse 4 / 7
newgame

bonjour,
merci pour m'avoire aider le code marche à merveille
4
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 7
marc Andreux

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/credit/simulation-credit/

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
3
Réponse 6 / 7
R4f Messages postés 441 Statut Membre 62

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
2
Réponse 7 / 7
petittux

Merci beaucoup grâce à vous j'ai mis cette calculatrice sur mon site...
1

Calculatrice en javascript

7 réponses

Discussions similaires

Newsletters