Calculatrice avec Javascript

Je suis un débutant et en essayant d'écrire une simple Calculatrice en Javascript, mais quelque chose est incorrect.

Quand l'utilisateur entre un nombre, "Numéro 1" et "Numéro 2", alors ce qui suit devrait se produire pour l'addition, la soustraction, de multiplication et de division (par exemple):

Number1 = 5, Number2 = 3
then   => 5 + 3 = 8,
          5 - 3 = 2,
          5 * 3 = 15,
          5 / 3 = 1.6

Lorsque l'utilisateur donne les numéros d'équation spécifique, puis affiche le résultat de ces opérations.

<html>
<head>
<title>Function Calculator</title>
<script type="text/javascript">
function show_cal(){
function num(){
a=Number(document.form1.num1.value);  
b=Number(document.form1.num2.value); 
c=a+b;
document.form1.result1.value=c;
a=Number(document.form1.num1.value);  
b=Number(document.form1.num2.value); 
c=a-b;
document.form1.result2.value=c;
a=Number(document.form1.num1.value);  
b=Number(document.form1.num2.value); 
c=a*b;
document.form1.result3.value=c;
a=Number(document.form1.num1.value);  
b=Number(document.form1.num2.value); 
c=a/b;
document.form1.result4.value=c;
}
function addition(){
a=Number(document.form1.num3.value);  
b=Number(document.form1.num4.value); 
c=a+b;
document.form1.result1.value=c;
}
function subtraction(){
a=Number(document.form1.num5.value);  
b=Number(document.form1.num6.value); 
c=a-b;
document.form1.result2.value=c;
}
function multiply(){
a=Number(document.form1.num7.value);  
b=Number(document.form1.num8.value); 
c=a*b;
document.form1.result3.value=c;
}
function division(){
a=Number(document.form1.num9.value);  
b=Number(document.form1.num10.value); 
c=a/b;
document.form1.result4.value=c;
}
/*function formValidator(){
var number = document.getElementById('number');
if(isNumeric(number, "Only Numbers pls")){
return true;
}return false;
}
function notEmpty(elem, helperMsg){ //gia keno
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); //set the focus to this input
return false;
}
return true;
}
function show_clear(){
document.form1.display.value=null;
num1= null;
num2 = null;
lastaction= null;
action = null;
} */
}
</script>
</head>
<body>
<table width="400" align="center" bgcolor="#C0C0C0">
<form name="form1" action="">
<tr align="center">
<td width="600" height="112" align="center" border="1">
<h1 align="center"> Calculator </h1>
Number 1: <input name="num1" type="text" size=10/>
Number 2: <input name="num2" type="text" size=10/>
</td>
</tr>
<tr align="center">
<td width="500">
<input name="num3" type="text" size=10/> + 
<input name="num4" type="text" size=10/> =
<input name="result1" type="text" size=10/>
</td>
</tr>
<br/>
<tr align="center">
<td width="500">
<input name="num5" type="text" size=10/> -
<input name="num6" type="text" size=10/> =
<input name="result2" type="text" size=10/>
</td>
</tr>
<br/>
<tr align="center">
<td width="500">
<input name="num7" type="text" size=10/> *
<input name="num8" type="text" size=10/> =
<input name="result3" type="text" size=10/>
</td>
</tr>
<br/>
<tr align="center">
<td width="500">
<input name="num9" type="text" size=10/> /
<input name="num10" type="text"size=10/> =
<input name="result4" type="text" size=10/>
</td>
</tr>
<br/>
<td height="13"></tr>
<tr align="center" width="100">
<td>
<input name="result" type="button" onClick="show_cal()" value="Result" />
<input type="button" onClick="show_clear()" value="Clear"/>
</td>
</tr>
</form>
</table>
</body>
</html>

Vous avez utilisé le mot "java" tag. Cette question est en javascript, il n'a rien à voir avec java.
"quelque chose ne va pas". Peut-être que vous pourriez offrir un peu plus de détails? Avez-vous essayé d'utiliser un débogueur javascript?
Essayez quelque chose comme JSFiddle: jsfiddle.net/sperske/Na4MK , cela aidera les autres à comprendre ce qui ne va pas (la réponse devrait suivre rapidement une fois que je clique sur "Ajouter un Commentaire")
Vous n'êtes pas à l'appel d'une fonction. show_cal() il suffit de définir vos fonctions.
Cette question est étrangement similaire à: stackoverflow.com/questions/15099652/javascript-calculator
C'est peut-être les devoirs à faire pour le même professeur?
L'affichage d'un gigantesque morceau de code n'est pas une bonne façon de poser une question, vous devriez essayer plus difficile à circonscrire où est le problème et créer une plus petite, pertinente morceau de code qui reproduit votre problème

InformationsquelleAutor Mary | 2013-02-26

le problème, c'est que vous avez une fonction somme au sein d'une fonction show_calc et vous n'appelez pas cette fonction.
Vous devez appeler la fonction num a la fin de la showcalc fonction.

<script type="text/javascript">
function show_cal(){
function num(){
a=Number(document.form1.num1.value);  
b=Number(document.form1.num2.value); 
c=a+b;
document.form1.result1.value=c;
a=Number(document.form1.num1.value);  
b=Number(document.form1.num2.value); 
c=a-b;
document.form1.result2.value=c;
a=Number(document.form1.num1.value);  
b=Number(document.form1.num2.value); 
c=a*b;
document.form1.result3.value=c;
a=Number(document.form1.num1.value);  
b=Number(document.form1.num2.value); 
c=a/b;
document.form1.result4.value=c;
}
function addition(){
a=Number(document.form1.num3.value);  
b=Number(document.form1.num4.value); 
c=a+b;
document.form1.result1.value=c;
}
function subtraction(){
a=Number(document.form1.num5.value);  
b=Number(document.form1.num6.value); 
c=a-b;
document.form1.result2.value=c;
}
function multiply(){
a=Number(document.form1.num7.value);  
b=Number(document.form1.num8.value); 
c=a*b;
document.form1.result3.value=c;
}
function division(){
a=Number(document.form1.num9.value);  
b=Number(document.form1.num10.value); 
c=a/b;
document.form1.result4.value=c;
}
num();
}

Mais j'ai de meilleures façons de faire cela correctement.

InformationsquelleAutor Guillermo81

Votre code est extrêmement pénible et viole DRY (Don't Repeat Yourself) à plusieurs reprises. Oui, plusieurs fois, vous vous répétez :p

Essayez ceci:

<form action="javascript:void(null);" method="post" onSubmit="calculate(this);">
<p><label>Number 1: <input type="number" /></label></p>
<p><label>Number 2: <input type="number" /></label></p>
<p><input type="submit" value="Calculate" /></p>
<p>N1 + N2 = <span>-</span></p>
<p>N1 - N2 = <span>-</span></p>
<p>N1 * N2 = <span>-</span></p>
<p>N1 /N2 = <span>-</span></p>
</form>
<script type="text/javascript">
function calculate(form) {
var fc = form.children,
n1 = parseInt(fc[0].children[0].children[0].value || 0,10),
n2 = parseInt(fc[1].children[0].children[0].value || 0,10);
fc[3].children[0].firstChild.nodeValue = n1+n2;
fc[4].children[0].firstChild.nodeValue = n1-n2;
fc[5].children[0].firstChild.nodeValue = n1*n2;
fc[6].children[0].firstChild.nodeValue = n1/n2;
}
</script>

JSFiddle de démonstration

Pourquoi parseInt? Je pense parseFloat ou +(num) encore mieux pour le large éventail de numéros saisis

InformationsquelleAutor Niet the Dark Absol

Vous devez vous connecter pour publier un commentaire.