Exercício R01 – Parte 01 – Funcionalidade de soma
Código desenvolvido em aula.
Preenchido apenas a funcionalidade de soma.
Executar código
Editar código
Calculadora.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="calculadora.js">
</script>
</head>
<body onload="configurar()">
<form action="">
<p>
<input id="txtVal1" type="text" />
</p>
<p>
<input id="txtVal2" type="text" />
</p>
<p>
<input id="btMais" type="button" value="+" />
<input id="btMenos" type="button" value="-" />
</p>
<p>
<input id="btVezes" type="button" value="*" />
<input id="btDividido" type="button" value="/" />
</p>
<p>
<select id="slOperacoes" name="D1">
<option></option>
</select>
<div id="resultado"></div>
</p>
<br>
<br>
</form>
</body>
</html>
Calculadora.js
function somar()
{
// val1 reflete o objeto caixa de texto txtVal1
var val1 = document.getElementById("txtVal1");
// val1 reflete o objeto caixa de texto txtVal2
var val2 = document.getElementById("txtVal2");
// Realiza a operação.
var resultado = parseInt(val1.value) +
parseInt(val2.value);
//alert(resultado);
// res reflete a div cujo id é resultado
var res = document.getElementById("resultado");
// escreve o resultado na div
res.innerHTML = resultado;
}
function configurar()
{
// Configura o botão, associando a função somar ao clique do botão
var btMais =
document.getElementById("btMais");
btMais.onclick = somar;
}
Comentários