Bonjour,

je débute et suis bloqué sur un point pour un fichier html / js

Je souhaite récupérer depuis un input une valeur et faire un calcul dont le résultat s'affichera dans un autre champ après clic sur un bouton.

Mon problème c'est que mon code semble ne rien calculer et mes champs s'effacent alors qu'il ne faudrait pas...

Pourriez-vous jeter un oeil et me faire part de vos commentaires et conseils?

Merci d'avance

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<form id="Formulaire">
Nom et prénom: <input id="Nom_Prénom" type="text" size="30px"><br><br>
Prix de l'appareil: <input name="valeurTTC" type="text" size="15px">
<button onclick="CALCUL_FRANCHISE()">Calculer</button>
<button onclick="window.print()">Impression</button>
<input class="styled" type="reset" value="Effacer" Align="left"><br>
</form>
<p>franchise 70 <span id="Franchise70"></span></p>
<p>franchise 60 <span id="Franchise60"></span></p>
<p>franchise 50 <span id="Franchise50"></span></p>
<p>franchise 40 <span id="Franchise40"></span></p>
<p>franchise 20 <span id="Franchise20"></span></p>
</p>
 
 
<script type="text/javascript">
function CALCUL_FRANCHISE()
{
var F70=document.getElementbyId("Formulaire").element["valeurTTC"].value)*0,70;
document.getElementbyId("Franchise70").innerHTML=F70;
var F60=document.getElementbyId("Formulaire").element["valeurTTC"].value)*0,60;
document.getElementbyId("Franchise60").innerHTML=F70;
var F50=document.getElementbyId("Formulaire").element["valeurTTC"].value)*0,50;
document.getElementbyId("Franchise50").innerHTML=F70;
var F40=document.getElementbyId("Formulaire").element["valeurTTC"].value)*0,40;
document.getElementbyId("Franchise40").innerHTML=F70;
var F20=document.getElementbyId("Formulaire").element["valeurTTC"].value)*0,20;
document.getElementbyId("Franchise20").innerHTML=F70;
}
</script>