JSFiddle - React, Tailwind, and code Playground

by Felipe Franco

HTML

<input id="quantidade" value="0"> *

<input id="valor" value="120"> = Total:

<span id=added></span>
<br />

CSS

input {
  margin: 10px;
}

JavaScript

$('input').keyup(function() { // run anytime the value changes


  var quantidade = parseFloat($('#quantidade').val()); // get value of field
  var valor = parseFloat($('#valor').val()); // 

  $('#added').html(quantidade * valor); // add them and output it
});