Erreur NaN dans un formulaire

[Fermé]
Signaler
-
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
-
Bonjour,
voila je crée un formulaire mais je n'arrive pas a avoir la solution a chaque fois j'ai une erreur NaN
Voila mon formulaire:
<form>
<input type="text" id="ta" placeholder="teneur en aluminium en % ( pour 50% écrire 0,5)"/>
<input type="text" id="imb" placeholder="Indice du métal bulletin du mois précédent"/>
<input type="button" value="Calculer" onclick="javascript:document.getElementById('resultat').innerHTML=document.getElementById('ta').value*document.getElementById('imb').value*0,55-230+' euros';"/>
<p id="resultat"></p>
</form

2 réponses

Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
430
Vouala:


<html>
<head>
<meta charset="utf8" />
<script type="text/javascript" src="https://raw.githubusercontent.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js"></script>
<style type="text/css">
body{
text-align: center;
}
form{
position: relative;
padding: 20px;
background-color: #ccc;
box-shadow: 0 10px 20px rgba(0,0,0,.5);
margin:0 auto;
display: inline-block;
}
input[type="number"]{
border:#333 solid 1px;
width: 400px;
padding: 10px;
display: block;
}
input[type="button"]{
padding: 10px;
float: right;
}
</style>
</head>
<body>
<script type="text/javascript">
function calculer(){
var v1 = 100/document.getElementById('ta').value;
var v2 = document.getElementById('imb').value;
var v3 = 0.55;
var v4 = 230;
result = v1*v2*v3-v4;
document.getElementById('resultat').innerHTML=result + '€';
}
</script>

<form>
<input type="number" required="required" id="ta" placeholder="teneur en aluminium en %"/>
<input type="number" required="required" id="imb" placeholder="Indice du métal bulletin du mois précédent"/>
<input type="button" value="Calculer" onclick="javascript:calculer()"/>
</form>
<p id="resultat"></p>
</body>
<html>


++
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 42674 internautes nous ont dit merci ce mois-ci

Messages postés
243
Date d'inscription
mardi 12 mars 2013
Statut
Membre
Dernière intervention
17 septembre 2020
58
Bonsoir,

Les nombres (number) en javascript sont des flottants et donc la virgule (typiquement française) est réprésentée par un point, lire cet article :
http://www.mathieurobin.com/2011/10/les-nombres-en-javascript/

Cdlt.