Como faço para obter os valores de dois campos usando input? Por exemplo: Ter dois campos para inserir numeros e apertar um botão para somar os dois?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como faço para obter os valores de dois campos usando input? Por exemplo: Ter dois campos para inserir numeros e apertar um botão para somar os dois?
Olá Wagner
Voce pode fazer assim:
HTML
<div>
<input type="number" id="numero1">
<input type="number" id="numero2">
<!-- inserindo a função de soma no botão somar -->
<button onclick="somar()">Somar</button>
<input type="number" id="resultado">
</div>
Javascript
function somar(){
var numero1 = document.querySelector('#numero1').value; // pegando o valor digitado no 1°input
var numero2 = document.querySelector('#numero2').value; // pegando o valor digitado no 2°input
var resultado = parseInt(numero1) + parseInt(numero2); // transformando os input em INT e fazendo a soma
document.querySelector('#resultado').value = resultado // pegando o resultado da soma e colocando no 3° input
}
`Att,
Lays