Définir une variable depuis une zones d'entrées de texte

Fermé
liveriri55 Messages postés 3 Date d'inscription dimanche 8 décembre 2013 Statut Membre Dernière intervention 9 décembre 2013 - 8 déc. 2013 à 17:09
nhefti Messages postés 43 Date d'inscription dimanche 21 septembre 2008 Statut Membre Dernière intervention 13 octobre 2014 - 15 janv. 2014 à 18:08
Bonjour,
je cherche a faire une machine à calcul.
Le principe est simple:
la personne entre 2 chiffres dans 2 zone d'entrée de texte, il clique sur un bouton et ça lui affiche le résultat.
Voila un extrait de code:


<html>
<head>
<title> Prix </title>
<script LANGUAGE="JavaScript">
var x, y, prix = (x * y * 15) / 5 + 0.5 * ((x * y * 15) / 5);
</script>
</head>
<body>
<form>
X <input type="text" name="Largeur" id="x" size="10">

Y <input type="text" name="Longueur" id="y" size="10">

<input type="button" value="definir prix" name="prix" id="prix" onClick=alert(prix)>
</form>
</body>
</html>

Le problème, c'est que j'arrive pas à faire que les variables x et y se définissent par les chiffre s inscrit dans les cases.

Quelqu'un saurait résoudre ce problème?

Merci d'avance

4 réponses

Salut, les fonctions vous connaissez?
c'est ce qu'il vous faut:

http://www.lehtml.com/js/fonct.htm

Qu'il faudra bien sûr utiliser comme ceci:
http://www.lehtml.com/js/even.htm
0
liveriri55 Messages postés 3 Date d'inscription dimanche 8 décembre 2013 Statut Membre Dernière intervention 9 décembre 2013
9 déc. 2013 à 18:51
Merci de me rappeler que les fonction existe (et c'est sérieux).


<html>
<head>
<title> Prix </title>
<script LANGUAGE='JavaScript'>
function memo_de_x() {
document.getElementById('x1').innerHTML = x;
}
function memo_de_y() {
document.getElementById('y1').innerHTML = y;
}
function annonce_prix() {
var yprix = x*y;
alert(prix);
}
</script>
</head>
<body>
<form>
X <input type="text" name="Largeur" id="x1" size="10" onchange='memo_de_x()'>

Y <input type="text" name="Longueur" id="y2" size="10" onchange='memo_de_y()'>

<input type="button" value="definir prix" name="prix" id="prix" onClick='annonce_prix()'>
</form>
</body>
</html>

J'arrive a écrire tout ça maintenant, seulement, il y a un magnifique NaN qui m'attend a la fin.

Une proposition? (celui qui me dit: "demande a google" ira droit en enfer)
0
liveriri55 Messages postés 3 Date d'inscription dimanche 8 décembre 2013 Statut Membre Dernière intervention 9 décembre 2013
Modifié par liveriri55 le 9/12/2013 à 22:17
Après quelque heures de recherche, voici mon code nouveau code incorrecte:

<html>
<head>
<title> Prix </title>
<script LANGUAGE='[/contents/577-javascript-introduction-au-langage-javascript JavaScript]'>
var x, y, prix = x + y;
function memo_de_x()
{
var x = document.getElementById('x1').value;
}
function memo_de_y()
{
var y = document.getElementById('y1').value;
}
function annonce_prix() 
{
alert(prix);
}
</script>
</head>
<body> 
<form>
X <input type="text" name="Largeur" id="x1" size="10" value="" onBlur='memo_de_x()'>

Y <input type="text" name="Longueur" id="y1" size="10" value="" onBlur='memo_de_y()'>

<input type="button" value="definir prix" name="prix" id="prix" onClick='annonce_prix()'>
</form>
</body>
</html>


Toujours le NaN
0
nhefti Messages postés 43 Date d'inscription dimanche 21 septembre 2008 Statut Membre Dernière intervention 13 octobre 2014 1
15 janv. 2014 à 18:08
Bonjour,

Je pense que pour créer des calculatrices en ligne sans prise de tête "Appizy" est une bonne solution. En effet il suffit de créer son outil avec un logiciel de tableur (OpenOffice) et le passer ensuite dans Appizy (http://appizy.com).

Le logiciel convertit à la volée le tableur en application HTML+CSS+Javascript ! Vous pouvez également ensuite héberger la calculatrice sur la plateforme Toolbox (http://toolbox.appizy.com).

Vous n'aurez pas le plaisir de coder vous même mais vous pouvez analyser le résultat en regardant le code généré après coup !

Bien à vous
Nicolas
0