Al ser Strings
y usar el carácter +
los valores se concatenan no se suman.
function suma2() {
var nro1 = document.querySelector("#val1").value;
var nro2 = document.querySelector("#val2").value;
var nro3 = +nro1+(+nro2);//Esto hace el truco, para sumar strings
var result2 = parseInt(nro1) + parseInt(nro2);//Usando parseInt
//return nro3;
document.querySelector("#result").value = nro3;
document.querySelector("#result2").value = result2;
}
/*
function suma() {
var nro1 = nro1;
var nro2 = nro2;
var nro3 = nro1 + nro2;
return nro3;
}
var valone
var valtwo
alert('ingrese los numeros a sumar');
valone = prompt();
valtwo = prompt();
alert( suma(valone,valtwo));
*/
Num 1<input type="text" id="val1"/>
Num 2<input type="text" id="val2"/>
<button onclick="suma2()">Sumar</button>
<br/>
<br/>
Result 1
<input type="text" id="result"/>
<br/>
<br/>
Result 2 - ParseInt
<input type="text" id="result2"/>
Update:
Referente al parseInt()
, parseFloat()
son métodos que se usan en Javascript para convertir de string
a int
y de string
a float
.
parseInt()
: Recibe un valor string
y lo convierte a Integer
parseFloat()
: Recibe un valor string
y lo convierte a Float
Si no tiene sentido la explicación anterior, entonces es necesario que aprendas primero los tipos de datos que existen en JavaScrit y en muchos lenguajes de programación:
string = Es una cadena de caracteres, por default cualquier valor que tomes de los controles HTML
será tipo string
.
Cuando el usuario pasa como valor 1
par el sistema en realidad esta tomando el valor "1"
entonces
"1" + "2"
<-- Ese +
concatena porque ambos campos son string
y da como resultado "12"
Al usar parseInt()
convertirá los números string
a valores enteros
1 + 2
<--- Donde el compilador identifica ambos datos como numéricos y realiza la suma dando como resultado 3
de tipo int
.
Int = Int hace referencia a los valores Enteros, que serian los números sin punto decimal o punto flotante. Claro que int
tiene un limite y es diferente en cada lenguaje.
Float = Float hace referencia a los valores con punto flotante, que serian los números con punto decimal o punto flotante.
Ejemplo:
var num1 = 1; //Representa un int
var num2 = 2; //Representa un int
var result = 1/2; //Result sera convertido automáticamente a float: 0.5
Es una explicación muy simple, para mas detalle recomiendo que heches un vistazo a los siguiente temas:
- JavaScript basics
- Tipos de datos primitivos
- Data structures