Formulaire+javascript
2emeLFIG
-
schancel Messages postés 296 Date d'inscription Statut Membre Dernière intervention -
schancel Messages postés 296 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Est ce vous pouvez m'aider à corriger cet exercice "quand on clique sur"calcul",une fonction JavaScript sera appelée pour afficher dynamiquement le résultat".Pour moi rien ne saffiche.
<html><head><title>Question 4</title><script type="text/javascript">
function calcul()
{var a=parseInt(document.f1.a.value);
var b=parseInt(document.f1.b.value);
if(document.f1.r1[0].checked)
{
var S=a+"+"+b+"="+(a+b);
var obj=getElementById("res");
obj.InnerHTML(S);
}
else{var S=a+"-"+b+"="+(a-b);
var obj=getElementById("res");
obj.InnerHTML(s); }
}
</script></head>
<body><h1>Additionner ou soustraire<br/>deux nombres a b</h1>
<form name="f1" method="set" action="">
<label>a : </label>
<input type="text" name="a" value=""/><br/>
<label>b :</label>
<input type="text" name="b" value=""/><br/>
<input type="radio" name="r1" checked="checked"/>addition<br/>
<input type="radio" name="r1" />soustraction<br/>
<input type="button" name="b1" value="calcul" onclick="calcul();"/>
</form>
<div id="res"></div>
</body>
</html>
Merci d'avance :))
Est ce vous pouvez m'aider à corriger cet exercice "quand on clique sur"calcul",une fonction JavaScript sera appelée pour afficher dynamiquement le résultat".Pour moi rien ne saffiche.
<html><head><title>Question 4</title><script type="text/javascript">
function calcul()
{var a=parseInt(document.f1.a.value);
var b=parseInt(document.f1.b.value);
if(document.f1.r1[0].checked)
{
var S=a+"+"+b+"="+(a+b);
var obj=getElementById("res");
obj.InnerHTML(S);
}
else{var S=a+"-"+b+"="+(a-b);
var obj=getElementById("res");
obj.InnerHTML(s); }
}
</script></head>
<body><h1>Additionner ou soustraire<br/>deux nombres a b</h1>
<form name="f1" method="set" action="">
<label>a : </label>
<input type="text" name="a" value=""/><br/>
<label>b :</label>
<input type="text" name="b" value=""/><br/>
<input type="radio" name="r1" checked="checked"/>addition<br/>
<input type="radio" name="r1" />soustraction<br/>
<input type="button" name="b1" value="calcul" onclick="calcul();"/>
</form>
<div id="res"></div>
</body>
</html>
Merci d'avance :))
A voir également:
- Formulaire+javascript
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Telecharger javascript - Télécharger - Langages
- Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Webmastering
1 réponse
tu pourrais faire plus simple en faisant juste ceci
function calcul(input_a,input_b){
var a = parseInt(document.getElementById(input_a));
var b = parseInt(document.getElementById(input_b));
if(document.getElementById('r1').checked){
var s = a.value+b.value;
return s;
}
else{
var s = a.value-b.value;
return s;
}
}
puis tu remplace les arguments par les noms respectifs de tes inputs tu les mettra entre parenthese
et tu appele ta fonction au niveau de form avec l'attribut onsubmit="calcul("","")"
function calcul(input_a,input_b){
var a = parseInt(document.getElementById(input_a));
var b = parseInt(document.getElementById(input_b));
if(document.getElementById('r1').checked){
var s = a.value+b.value;
return s;
}
else{
var s = a.value-b.value;
return s;
}
}
puis tu remplace les arguments par les noms respectifs de tes inputs tu les mettra entre parenthese
et tu appele ta fonction au niveau de form avec l'attribut onsubmit="calcul("","")"
