Da seguinte forma abaixo usando a função nativa parseInt
do JavaScript, você pode converter uma string para um int:
var number1 = parseInt('10'),
number2 = parseInt('100'),
result = number1 + number2; // Resultado: 110
Opcionalmente você também pode passar um segundo parâmetro na função parseInt
, que indica qual sistema numérico que você quer que seja convertido, por exemplo convertendo para a base decimal:
Convertendo para base decimal:
var number1 = parseInt('21', 10),
number2 = parseInt('30', 10),
result = number1 + number2; // Resultado: 51
Convertendo para base binária:
var number1 = parseInt('011', 2), // 3 em decimal
number2 = parseInt('010', 2), // 2 em decimal
result = number1 + number2; // 5 em decimal
Outra opção para conversão seria utilizando a classe Number
, da seguinte forma:
var number1 = Number("10"),
number2 = Number("10"),
result = number1 + number2;//20
Porém, utilizando ela quando existe algum caractere de texto, a conversão retorna NaN
- Not A Number (não é um número), por exemplo:
var number1 = Number("10a"), // NaN
number2 = Number("10"), // 10
result = number1 + number2; // NaN
Enquanto usando parseInt
, ela trataria a string e converteria o "10a"
para "10"
, como no exemplo:
var number1 = parseInt("10a"), // 10
number2 = parseInt("10"), // 10
result = number1 + number2; // 20
No seu caso poderia ficar assim:
var inputvalue1 = parseInt(document.getElementById('myinput1').value);
var inputvalue2 = parseInt(document.getElementById('myinput2').value);
Solução que poderia ser aplicada no seu código:
function somar(a, b) {
var inputvalue1 = parseInt(a.value),
inputvalue2 = parseInt(b.value),
result = inputvalue1 + inputvalue2;
document.getElementById('demo').innerHTML = result;
}
<input type="number" id="myinput1">
<input type="number" id="myinput2">
<button type="button" onclick="somar(myinput1, myinput2)">Somar</button>
<p id="demo">Soma entre os valores colocados aqui</p>
Outro solução sem uso de paramêtros na função somar:
function somar() {
var inputvalue1 = parseInt(document.getElementById('myinput1').value),
inputvalue2 = parseInt(document.getElementById('myinput2').value),
result = inputvalue1 + inputvalue2;
document.getElementById('demo').innerHTML = result;
}
<input type="number" id="myinput1">
<input type="number" id="myinput2">
<button type="button" onclick="somar()">Somar</button>
<p id="demo">Soma entre os valores colocados aqui</p>
Lembrando que, para uma maior segurança, seria melhor fazer um tratamento nos dados de entrada vindos dos input
s, pois assim evitaria a execução do cálculo com entradas que não sejam números. Por exemplo:
var number = 'text';
if (!isNaN(number)) {
alert('É número!');
} else {
alert('Não é número!');
}