JSFiddle - React, Tailwind, and code Playground

by bigwelly

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="http://demos.marciocardoso.net/JqueryBeginner/jquery.meio.mask.js"></script>
Introduza o 1º valor: <input id="input1" value="0,00" style="text-align: right;">
<br>
Introduza o 2º valor: <input id="input2" value="0,00" style="text-align: right;">
<br>
<input type="button" id="mostrar_valor" value="Calcular Soma">

JavaScript

$(document).ready(function () {
			
			    jQuery(function ($) {

        			$("#input1").setMask('moeda');
			    });
	
			    jQuery(function ($) {

        			$("#input2").setMask('moeda');
			    });

			$('#mostrar_valor').click(function() {
				if($('#input1').val()=="" || $('#input2').val()=="")
						alert("Introduza 2 valores");
					
					else{

						var soma = parseFloat($('#input1').val().replace(",", ".")) + parseFloat($('#input2').val().replace(",", "."));


						
						alert(soma.toFixed(2).replace(".", ","));
					}
				});
        });