Problema insertar numeros

link_alcala06 · #1 (**permalink**) 27/01/2011, 11:53

Cita:

Alguien me podria explicar como hacer una funcion para que esta tome el valor del boton y compruebe si es un numero y despues que muestre este en resultado? Estuve probando de 100 maneras distintas y no caigo en como hacerlo u.u Gracias de antemano por la ayuda.

stramin · #2 (**permalink**) 27/01/2011, 14:13

No estoy seguro de haberte entendido pero creo que es esto:

Código HTML:

Ver original<html>
<head>
<script>
</script>
</head>
<body>
<div id="principal">
<div>
<input type="button" value="0" onClick="document.getElementById('resultado').value=this.value;">
<input type="button" value="1" onClick="document.getElementById('resultado').value=this.value;">
<input type="button" value="2" onClick="document.getElementById('resultado').value=this.value;">
<input type="button" value="3" onClick="document.getElementById('resultado').value=this.value;">
<input type="button" value="4" onClick="document.getElementById('resultado').value=this.value;">
<input type="button" value="5" onClick="document.getElementById('resultado').value=this.value;">
<input type="button" value="6" onClick="document.getElementById('resultado').value=this.value;">
<input type="button" value="7" onClick="document.getElementById('resultado').value=this.value;">
<input type="button" value="8" onClick="document.getElementById('resultado').value=this.value;">
<input type="button" value="9" onClick="document.getElementById('resultado').value=this.value;">
</div>
<div>
<input class="campotexto" type="text" id="resultado">
</div>
</div>
</body>
</html>

link_alcala06 · #3 (**permalink**) 27/01/2011, 14:25

Gracias, pero eso se podia implementar en una funcion en javascript en vez de en el codigo html?

javiercitox · #4 (**permalink**) 27/01/2011, 14:30

prueba esto...

Código HTML:

Ver original<html>
<head>
<script type="text/javascript"">
    function valor(param) {        
        document.getElementById("resultado").value = param.value;    
    }
</script>
</head>
<body>
<div id="principal">
<div>
<input type="button" value="0" onclick="valor(this);" />
<input type="button" value="1" onclick="valor(this);" />
<input type="button" value="2" onclick="valor(this);" />
<input type="button" value="3" onclick="valor(this);" />
<input type="button" value="4" onclick="valor(this);" />
<input type="button" value="5" onclick="valor(this);" />
<input type="button" value="6" onclick="valor(this);" />
<input type="button" value="7" onclick="valor(this);" />
<input type="button" value="8" onclick="valor(this);" />
<input type="button" value="9" onclick="valor(this);" />
</div>
<div>
<input class="campotexto" type="text" id="resultado" />
</div>
</div>
</body>
</html>

stramin · #5 (**permalink**) 27/01/2011, 14:30

Pero eso es lo que hace, puedes verlo aqui: http://prospektiva.com/forosdelweb/untitled.php

Ahora si quieres que "agregue" el numero presionado al campo de texto tendrias que cambiar esto:

onClick="document.getElementById('resultado').valu e=this.value;"

por esto:

onClick="document.getElementById('resultado').valu e=document.getElementById('resultado').value+this. value;"

link_alcala06 · #6 (**permalink**) 27/01/2011, 14:35

Mil gracias a los dos, aunque al poner un numero no me lo "suma" digamos, por ej le doy al 6 y luego le doy otra vez y no pone 66, no se si me explico >_<

link_alcala06 · #7 (**permalink**) 27/01/2011, 15:26

Alguien sabe como puedo hacer para concatenar los numeros dentro de la funcion como dije arriba??

Cita:

function pulsar(numero){
document.getElementById("resultado").value=numero. value;
}

stramin · #8 (**permalink**) 27/01/2011, 15:31

prueba así:

Código Javascript:

Ver originalfunction pulsar(numero){
document.getElementById("resultado").value=document.getElementById("resultado").value+numero.value;
}

_cronos2 · #9 (**permalink**) 27/01/2011, 15:41

Cita:

Iniciado por stramin

prueba así:

Código Javascript:

Ver originalfunction pulsar(numero){
document.getElementById("resultado").value=document.getElementById("resultado").value+numero.value;
}

Más sencillo:

Código Javascript:

Ver originaldocument.getElementById("resultado").value+=numero.value;

Saludos (:

stramin · #10 (**permalink**) 27/01/2011, 15:43

interesante, no sabia que en javascript se podía hacer eso :D

_cronos2 +karma

_cronos2 · #11 (**permalink**) 27/01/2011, 15:56

Cita:

Iniciado por stramin

interesante, no sabia que en javascript se podía hacer eso :D

_cronos2 +karma

Se puede hacer con otros operadores, y resulta -=, *=, /=, %=, ...
Saludos (:
PD: Gracias por el karma ;)

link_alcala06 · #12 (**permalink**) 27/01/2011, 19:33

Mil gracias por los dos ejemplos =)
Por cierto estaba haciendo una funcion para limpiar el resultado pero por ahora no doy con ella >_<

Cita:

function borrar(res){
var ce=0;
document.getElementById("resultado").innerHTML=ce;

}

link_alcala06 · #13 (**permalink**) 28/01/2011, 04:50

Listo, creo que ya la saque ^^U

Código Javascript:

Ver originalfunction borrar(res){
    ce=parseInt(0);
    document.getElementById("resultado").value=ce;
}

stramin · #14 (**permalink**) 28/01/2011, 08:44

Si quieres borrarlo asignale una cadena vacía (o si quieres un 0).

document.getElementById("resultado").value="";

link_alcala06 · #15 (**permalink**) 28/01/2011, 10:16

Cita:

Iniciado por stramin

Si quieres borrarlo asignale una cadena vacía (o si quieres un 0).

document.getElementById("resultado").value="";

¿Null tambien podria valer no?

stramin · #16 (**permalink**) 28/01/2011, 11:13

nunca he intentado darle un valor null a un campo de texto, tendrías que probar.

_cronos2 · #17 (**permalink**) 28/01/2011, 12:42

Cita:

Iniciado por link_alcala06

¿Null tambien podria valer no?

Sí, en teoría tendrá que funcionar, pero si tienes '', ¿para qué vas a complicarte la vida con null?
Saludos :D