JSFiddle - React, Tailwind, and code Playground

by CarambaMoreno

HTML

<form>
    <input type="number" id="ancho"></input>
    <input type="number" id="alto"></input>    
    <input type="radio"  name="papel" value="6" class="papel" selected="true"/>
    <input type="radio"  name="papel" value="2" class="papel"/>
</form>
<span id="total"></span>

JavaScript

var ancho = $("#ancho");
    var total = $("#total");
    var alto = $("#alto");
    var papel = $(".papel:checked").val();
    
   ancho.keyup(function(){
      area = (ancho.val())*(alto.val());
      total.text(area);
   });


echo (papel);