Afficher une variable javascript dans un formulaire html

Lycia-Garou - 9 févr. 2013 à 20:44
Lycia-Garou Messages postés 4 Date d'inscription samedi 9 février 2013 Statut Membre Dernière intervention 2 janvier 2014 -
Bonjour,

Actuellement sur un gros projet informatique avec des amis, nous rencontrons un problème...
Pour la création via un formulaire, l'utilisateur peut attribuer des points à différentes catégories. Pour cela, j'ai créée une variable en javascript, elle peut être incrémenter ou décrémenter via un bouton. Seulement, je n'arrive pas à l'afficher "en temps réel" dans un input ou même autre...

Dans mon head :
<script language="javascript">
var i = 0;
</script>

Dans mon body, dans mon form :
<input type="button" id="incr" name="incr" onClick="i++;" value="+"/>
<input type="button" id="decr" name="decr" onClick="i--" value="-"/>


Et là je sèche... J'ai tenté les input, les document.write, les .innerHTML, je commence à tout mélanger et je n'y arrive pas...

Si quelqu'un a une idée je lui en saurais très reconnaissante ! Sachant que l'idéal, c'est de renvoyer la valeur de la variable i via le formulaire (pour mettre dans une BDD).

3 réponses

Réponse 1 / 3
ReDLoG
9 févr. 2013 à 21:43
A placer dans <head> : 
<script type="text/javascript">
var i=0;
function increase() {
	i++;
	document.getElementById('Counter').value= +i;
}
function decrease() {
	i--;
	document.getElementById('Counter').value= +i;
}
</script>

Dans le <form> : 
<form method="post" action="">
	<p><input type="text" id="Counter" name="Score" value="0" /></p>
	<p><input type="button" value="Ajouter" onclick="increase()" /> <input type="button" value="Oter" onclick="decrease()" /></p>
</form>
3

Discussions similaires

Recupération de valeur d'un input HTML en JavaScript
Pr Bob -
gigi -

Bonjour,


Je cherche a crée un champ de texte, ou, une fois les données entrées, lesdites données seront récupérées par une fonction JavaScript pour traitement.
Mon champ de texte HTML:




et ma fonction JavaScript:


function getHU() { var hu = document.getElementById("hu").innerHTML; alert(hu); }

Ici, la fonction: alert();, qui me sers juste a tester la valeur, n'affiche rien.

5 réponses
Prompt avec 2 input fields
Zackzulg -
Zackzulg -

Salut tout le monde,

J'aimerai bien savoir s'il est possible d'avoir un seul prompt en JS avec deux input ? (l'une pour l'id et l'autre pour le mdp).

Merci.

2 réponses
Changer la taille d'un seule input
ProgProject -
jordane45 -

Bonjour,
Je suis entrain de développer un formulaire seulement je veux changer la taille d'un seule input mais j'ai deja mis cette balise pour les autre input:
#input{ border:2px solid #878787; width:250px; height: 30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
Du Coup je ne peut pas changer la taille du input que je veut
alor si vous savez comment faire dites le moi

1 réponse
préremplir un champ de formulaire
lucas01 -
Zep3k!GnO -

Bonjour,
je voudrais pré-remplir un champs de formulaire php ou html.

Merci

5 réponses
taille des input
vanessa -
blackcat -

Bonsoir , quand on crée un zone de texte est ce qu'on peut définir la taille du rectangle où on tape le texte ?

merci

20 réponses
afficher variable javascript en html
reedbedroom -
reedbedroom -

Bonjour,

Je rencontre un problème en javacript , n'étant pas très familier de javascript.

Voilà, j'aimerais afficher la valeur d'un bouton radio en html lorsque sa valeur change.

Voici mon code :

Bouton radio



(pour infos je récupère bien la valeur puisque quand je fais un alert(format) j'ai bien la valeur afficher dans une boite de type "alert".

Function javascript

function afficher_format() {

if( valueFormat != null )
{
document.write(valueFormat);
}else{
document.write('Format');
}

}


Et mon appel à la fonction

affi...

2 réponses