Sumar al pulsar un botón

[soloandroid]

Hola,he tratado de buscar pero no se esta solucion.

Simplemente simplificando mi pregunta : se podria hacer que al pulsar un boton una variable llamemoslé que valga 4 se le sume +1 ? si se pulsa otra vez hace lo mismo y suma otra vez +1 ??

Se puede hacer esto ? muchas gracias

[Italico76]

Claro, algo asi:

Código Javascript:

<script>
function inc_count()
{
    res = document.getElementById("output");
    res.value = parseInt(res.value)+1;
}
</script>
 
<input type="text" value="4" id="output"/>
<a href="javascript:inc_count();">Incrementar</a>
 

[IsaBelM]

o más sencillo

<script type="text/javascript">
var c = 0;
</script>

<input type="button" value="sumar" onclick="c=c+1" />

[javier2315]

Puedes utilizar esto:

<script>
var variableNumero = 0;
function sumar() {
variableNumero++;
//esto para ver por mensaje en que valor esta la variable:
alert(variableNumero);
}
</script>

<button onclick="sumar();">sumar +1</button>

[soloandroid]

muchas gracias a ambos funciona muy bien, lo que pasa esque al poner el "boton" yo lo que hacia era poner un boton con una imagen, existe alguna forma de que ese boton sea una imagen que yo añada ??? Muchas gracias

[Italico76]

Basado en un ejemplo previo:

Código Javascript:

<script type="text/javascript">
    var c = 0;
</script>
 
<button type="button" onclick="alert(c++);" >
    <img src="imagen.png" />
</button>
 

[soloandroid]

muchas gracias italico,y a los demas.

He probado y funciona, pero he supuesto que si lo hacia dos veces tendria 2 variables y no me ha funcionado. Por ejemplo si pulso un boton suma, pero me gustaria que si tengo 2 botones uno suma "variable A" y el otro suma "variable B".

Tu ejemplo me ha ido muy bien pero cuando he intentado mejorarlo es cuando lo he estropeado jeje. Muchas gracias

[Italico76]

Deberias colocar tus intentos... sino no vas a aprender... es preferible veamos en que te equivocas

[soloandroid]

gracias, siempre he querido aprender esto, pues veras lo que he hecho como te comentaba ha sido copiar ambos ,entonces me salen 2 imagenes para sumar, pero si le doy a cualquier boton se me suma solo una, yo lo que querria serian 2 botones y que cada boton fuera independiente uno sumara al presiona +1 la VARIABLE A, y otro hiciera lo mismo + 1 con la VARIABLE B. Esto es lo que he hecho :

<script>
function inc_count()
{
res = document.getElementById("output");
res.value = parseInt(res.value)+1;
}
</script>
<p>
<input type="text" value="4" id="output" size="2"/>
<a href="javascript:inc_count();"> <img src="sumar.png" width="129" height="116" /></a>
</p>
<p>&nbsp; </p>
<script>
function inc_count()
{
res = document.getElementById("output");
res.value = parseInt(res.value)+1;
}
</script>
<input type="text" value="4" id="output" size="2"/>
<a href="javascript:inc_count();"> <img src="sumar.png" width="129" height="116" /></a>

[Italico76]

Algo asi ?

Código Javascript:

<form action="" method="">
 
    <input type="text" value="4" id="a" size="2"/>
 
    <a href="javascript:inc_count('a');"> <img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" /></a> 
    <p/>
    <input type="text" value="7" id="b" size="2"/>
<a href="javascript:inc_count('b');"> <img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" /></a>
    
</form>
 
<script>
function inc_count(id)
{
    res = document.getElementById(id);
    res.value = parseInt(res.value)+1;
}
</script>
 

Otra opcion... un poco mas eficiente porque evita que debas leer el valor del DOM (arbol de nodos de elementos "HTML"), seria solo actualizar (update) pero leer de las variables globales los valores:

Código Javascript:

<script>
// valores iniciales
a=0;
b=0;
</script>
 
 
<form action="" method="">
 
    <input type="text" id="a" size="2"/>
 
    <a href="javascript:a++; update(a);"> <img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" /></a> 
    <p/>
    <input type="text"  id="b" size="2"/>
    
    <a href="javascript:b++; update(b);"> <img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" /></a>
    
</form>
 
<script>
    input_a = document.getElementById('a');
    input_b = document.getElementById('b');
 
    function update()
    {
        input_a.value=a;
        input_b.value=b;
    }
    
    update();
</script>
 

<< es algo mas "rapida"

[IsaBelM]

o aprovechando la mala practica (convertir todas la id's en variables globales) que han adoptado chrome, ff y opera de ie. ojo, no lo recomiendo. sólo lo dejo como curiosidad

<form action="" method="">

<input type="text" id="a" value="4" size="2" />
<img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" onclick="a.value = parseInt(a.value) + 1;" />

<input type="text" id="b" value="4" size="2"/>
<img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" onclick="b.value = parseInt(b.value) + 1;" />

</form>

[soloandroid]

que genios sois aqui, yo sabia hacer estas cosas hace 20 años con BASIC no existia ni el windows, era capaz de hacer condicionales "if" etc... y ahora no se hacer ni una suma.

Por ultimo y no molesto mas, como podria hacer para que al llegar a 100 ya no sumara mas ?

Se me ha ocurrido esto :

"if "a" <= 100 echo : 100"

Bueno, este es mi ejemplo a lo bestia, se que es asi pero no sabria ponerlo correctamente.

[Italico76]

Pues hace mas de 20 años programaba en C y ahora recien estoy aprendiendo JS, estamos iguales :P

Código Javascript:

<script type="text/javascript">
    var c = 95;
    
    function incrementar()
    {
        if (c<100)      
            alert(c++)
        else
            alert("Tio, es solo hasta 100");
    }
    
</script>
 
<button type="button" onclick="incrementar();" >
    <img src="imagen.png" />
</button>
 

[soloandroid]

Hola italico, como lo has puesto no me funciona, este es mi script ( abajo ) , en que linea deberia de poner lo que tu has puesto ? Por lo que leo saldra un mensaje que dice "tio,en solo hasta 100", lo que me gustaria esque no saliera nada, simplemente que al llegar a 100 no pudiera sumar mas.


MIL GRACIAS


<form action="" method="">
<div align="center">
<input type="text" value="95" id="a" size="2"/>
<a href="javascript:inc_count('a');"> <img src="sumar.png" width="20" height="20" /></a>
<input type="text" value="96" id="b" size="2" name="text"/>
<a href="javascript:inc_count('b');"> <img src="sumar.png" width="20" height="20" /></a>
</div>
<p/>&nbsp;
</form>
<script>
function inc_count(id)
{
res = document.getElementById(id);
res.value = parseInt(res.value)+1;
}
</script>

[Italico76]

Listo... ya es tema tuyo... leer un poco y hacer pruebas

[soloandroid]

jeje, una ayuda un poco descafeinada, para que me voy a poner a leer si yo no me dedico a esto ? jeje, bueno gracias

[Alexis88]

Iniciado por soloandroid

para que me voy a poner a leer si yo no me dedico a esto ?

El que no te dediques de lleno a una actividad en particular, no implica que no debas de preocuparte por aprender sobre ello si es que tu objetivo es solucionar el problema que se te presenta, de otro modo, sería mejor que contrates a alguien que haga esa labor por ti. Por ejemplo, a veces se me presentan problemas legales, me interesa aprender más sobre leyes pero el tiempo lo tengo copado, entonces contrato a un abogado, pero cuando dispongo de tiempo, voy a una biblioteca y me documento.

Saludos

[soloandroid]

Alexis, vamos a ver, la ayuda que aqui me han dado la agredezco, pero repito y a ver si te lo lees un poco mejor, que YO NO ME DEDICO A LA PROGRAMACION,a mi este ejemplo no me va a mover ni me va a cambiar mi vida como para ponerme a perder horas o contratar a un informatico para un ridiculo tema.

No vengas tu aqui a darme lecciones de ética, que esto es un foro para temas cortos y sencillos y no para temas legales como tu estas diciendo y mezclando absurdamente, a nadie se le obliga a estudiar una materia para una simple pregunta,asique ahorrate tu demagogia para niños y no me molestes.

[Italico76]

Iniciado por soloandroid

Alexis, vamos a ver, la ayuda que aqui me han dado la agredezco, pero repito y a ver si te lo lees un poco mejor, que YO NO ME DEDICO A LA PROGRAMACION,a mi este ejemplo no me va a mover ni me va a cambiar mi vida como para ponerme a perder horas o contratar a un informatico para un ridiculo tema.

Sincillo, el foro es para aprender, es el primer y ultimo fin

[Alexis88]

Hombre, si no te dedicas a la programación y esto te parece un 'ridiculo tema', entonces, ¿para qué abriste este hilo? ¿Para que otros hagan la labor por ti? Acá te podemos orientar, dar pautas, pero hacerte la tarea, no. Y aunque lo niegues, es lo que das a entender que buscas obtener.

El ejemplo de los temas legales era precisamente eso, un ejemplo para elaborar la analogía entre tu caso y tantos otros que ocurren a diario en nuestras vidas, tienes que interpretar bien lo que lees y no hacerlo con el hígado.

Nadie pretendió darte clases de ética, es más, me pregunto si sabes qué significa esa palabra para que la metas en este tema pues está totalmente fuera de contexto. Nadie te obligó a que 'estudiaras algo', se te sugirió que leas por tu cuenta, ¿o es que acaso alguno de nosotros te pusimos una pistola en la cabeza obligándote a aprender más sobre el tema para que lo soluciones por tu cuenta? Muy aparte de esto, recuerda que la ayuda que se te proporciona en este sitio es gratuita, de modo que esperar a recibir el trabajo hecho, ya es mucho pedir. Tanto Italico76 como IsaBelM y javier2315, te han brindado la ayuda suficiente (más que suficiente, diría yo) como para que resuelvas tu problema, pero como te dije, si no quieres poner de tu parte para solucionar tu problema, lo recomendable es que contrates a un profesional que lo haga por ti.

Y por favor, no seas malcriado para responder, recuerda que en este foro hay políticas que debes de respetar así como a las personas que participamos en él y si no pretendes hacerlo, será mejor que consultes en otra parte, aunque dudo que alguien quiera ayudarte con esa actitud.

Saludos