Mostrar una variable de JavaScript en un formulario HTML
Lycia-Garou
-
Lycia-Garou Mensajes publicados 5 Estado Miembro -
Lycia-Garou Mensajes publicados 5 Estado Miembro -
Hola,
Actualmente en un gran proyecto informático con unos amigos, nos encontramos con un problema...
Para la creación mediante un formulario, el usuario puede atribuir puntos a distintas categorías. Para ello, he creado una variable en JavaScript, puede incrementarse o decrementarse mediante un botón. Sin embargo, no logro mostrarla “en tiempo real” en un input o incluso en otra cosa...
En mi head:
<script language="javascript">
var i = 0;
En mi body, dentro de mi formulario:
<input type="button" id="incr" name="incr" onClick="i++;" value="+"/>
<input type="button" id="decr" name="decr" onClick="i--" value="-"/>
Y ahí me quedo... He probado inputs, document.write, .innerHTML, ya empiezo a mezclarlo todo y no consigo...
Si alguien tiene una idea le estaría muy agradecido/a. Sabiendo que lo ideal es devolver el valor de la variable i a través del formulario (para insertar en una BDD).
Actualmente en un gran proyecto informático con unos amigos, nos encontramos con un problema...
Para la creación mediante un formulario, el usuario puede atribuir puntos a distintas categorías. Para ello, he creado una variable en JavaScript, puede incrementarse o decrementarse mediante un botón. Sin embargo, no logro mostrarla “en tiempo real” en un input o incluso en otra cosa...
En mi head:
<script language="javascript">
var i = 0;
En mi body, dentro de mi formulario:
<input type="button" id="incr" name="incr" onClick="i++;" value="+"/>
<input type="button" id="decr" name="decr" onClick="i--" value="-"/>
Y ahí me quedo... He probado inputs, document.write, .innerHTML, ya empiezo a mezclarlo todo y no consigo...
Si alguien tiene una idea le estaría muy agradecido/a. Sabiendo que lo ideal es devolver el valor de la variable i a través del formulario (para insertar en una BDD).
3 respuestas
-
Para colocar en <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>
En el <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>