JSFiddle - React, Tailwind, and code Playground

by Marcos vini

HTML

<input type="text" class="discontos" value='0.0' >
    <input type="checkbox" class="input-discounto" value="2.30"/>2.30
    <input type="radio" class="input-discounto" value="4.00"/>4.00

JavaScript

var input_discontos = document.querySelectorAll('.input-discounto');
var discontos = document.querySelector('.discontos');
var total = '0.0';

input_discontos.forEach(function(x){
	x.addEventListener('change',function(e){
  $this=e.target;

  if(this.checked ){
 ntotal  = parseFloat($this.value) + parseFloat(discontos.value);
discontos.value =ntotal.toFixed(2);
    }else{
     ntotal  =  parseFloat(discontos.value)-parseFloat($this.value);
discontos.value =ntotal.toFixed(2);
    }
	});
});