Script javascrip de calcul

Fermé
teipouf Messages postés 30 Date d'inscription lundi 18 août 2008 Statut Membre Dernière intervention 17 mars 2015 - 17 juil. 2009 à 22:37
teipouf Messages postés 30 Date d'inscription lundi 18 août 2008 Statut Membre Dernière intervention 17 mars 2015 - 17 juil. 2009 à 23:27
Bonjour a vous,

voila après avoir passé mon après midi avec mon ami GOOGLE je décide de vous aire par de mon problème. Je suis débutant en javascript et j'aimerai un êtt coup de main pour finaliser mon script :

<script language="javascript" type="text/javascript">
function calculer()
{

var cst = 5;
var frm = document.forms.item(0);
var nombre = frm.elements["nombre"].value;
var id = document.getElementById("resultat");
id.innerHTML="Résultat : " + cst*nombre;
}
</script>
<div id="corps">
<h1>ECIM</h1>
<p>Bonjour<br />
<form name="saisie_nombre" action="javascript:calculer()" method="post">
Entrez la pression <input type="text" name="nombre" />
</form>
<br/>
<div id="resultat">
Résultat :
</div>

voila j'aimerai rajouter une zone de saisi dans mon code HTM et par une fonction "if" ou autre pouvoir changer la constante que j'ai déclaré pour tester.


merci d'avance

loic

4 réponses

jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 185
17 juil. 2009 à 22:52
Heu en fait, tu veux faire quoi ?
afficher le résultat de la multiplication dans ton div ?
alors un truc comme suit devrait marcher (j'ai pas testé ya peut etre des erreurs ^^)

<script language="javascript" type="text/javascript">
function calculer()
{

var cst = 5;
var nombre = document.getElementById("nombre").value;
var id = document.getElementById("resultat");
id.innerHTML="Résultat : " + (cst*nombre);
}
</script>


<div id="corps">
<h1>ECIM</h1>
<p>Bonjour<br />

Entrez la pression <input type="text" name="nombre" id="nombre" onkeyup='calculer()'/>

<br/>
<div id="resultat">
Résultat :
</div>
1
teipouf Messages postés 30 Date d'inscription lundi 18 août 2008 Statut Membre Dernière intervention 17 mars 2015
17 juil. 2009 à 23:03
merci tout d'abord pour tas réponse aussi rapide,

voila je souhaite faire une outil de convention, mais pour cela j'aimerai offrir la possibilité de choisir l'unité.
exemple : si on entre l'unité bar alors la constante sera égale a 100000
et après on entre le nombre et on le multiplie par la constante.

<script language="javascript" type="text/javascript">
function unite()
{
if(unite==pa)
{
constante_pression=100000
}
}
function calculer()
{
var cst = constante_pression ;
var nombre = document.getElementById("nombre").value;
var id = document.getElementById("resultat");
id.innerHTML="Résultat : " + (cst*nombre);
}
</script>


<div id="corps">
<h1>ECIM</h1>
<p>Bonjour<br />
Entrez l'unité <input type="text" name="nombre" id="unite" onkeyup='unite()'/>
Entrez la pression <input type="text" name="nombre" id="nombre" onkeyup='calculer()'/>

<br/>
<div id="resultat">
Résultat :
</div>

le résulta qe je souhaite afficher par l'unité pa et pour un nombre de 5 == 5*100000= 500000
voila j'espère que ma description a été plus clair ^^
0
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 185
17 juil. 2009 à 23:16
Essayes avec ceci (encore fait rapidement, pas testé ni rien ^^)


<script language="javascript" type="text/javascript">
var constante_pression='0';
function unite()
{
if(document.getElementById("unite").value=="pa")
{
constante_pression=100000;
}else{
constante_pression='0';
}
}

function calculer()
{
var nombre = document.getElementById("nombre").value;
var id = document.getElementById("resultat");
id.innerHTML="Résultat : " + (constante_pression*nombre);
}
</script>


<div id="corps">
<h1>ECIM</h1>
<p>Bonjour<br />
Entrez l'unité <input type="text" name="nombre" id="unite" onkeyup='unite()'/>
Entrez la pression <input type="text" name="nombre" id="nombre" onkeyup='calculer()'/>

<br/>
<div id="resultat">
Résultat :
</div>
0
teipouf Messages postés 30 Date d'inscription lundi 18 août 2008 Statut Membre Dernière intervention 17 mars 2015
17 juil. 2009 à 23:27
merci beaucoup ça marche !

merci encore passe une bonne soirée
0