Exibindo Soma de Valores

Javascript

by Angelo Rogério Rubin

HTML

<label>Honorários</label>
<input type="text" name="honorarios" id="honorarios"/>
<label>Vistoria</label>
<input type="text" name="vistoria" id="vistoria"/>
<input type="button" value="calcular" name="calcular" id="calcular" />
<p id="resultado"></p>

CSS

* {
  font-size: 12px;
  font-family:verdana;
}
p {
	padding:10px;
	color:#F00;
	border:1px solid #F00;
  margin: 10px;
  width: 30%;
}

JavaScript

$(document).ready(function(e) {
	
	$("#calcular").click(function(){
		
    	$("#resultado").empty();
		
		// Capturar os inputs
    	var honorarios = $("#honorarios").val(); // parseFloat(getElementById("honorarios").value);
    	var vistoria   = $("#vistoria").val(); // parseFloat(getElementById("vistoria").value);

    	// Calculando o valor total
    	var soma = parseFloat(honorarios) + parseFloat(vistoria);
		
		$("#resultado").append(soma);
	
	});

});