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.

A voir également:

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

7 réponses

Réponse 1 / 7

R4f Messages postés 441 Date d'inscription Statut Membre Dernière intervention 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 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

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>

Discussions similaires

mailto, javascript et insertion code html...

activer/ desactiver bouton en javascript

[JAVASCRIPT] Changer de feuille de style CSS

Verification bouton radio JAVASCRIPT

agrandir une image en javascript

affichage d une variable js dans page html

Votre réponse

Discussions similaires