<html>
<head>
</head>
<body>
<div>
<h4>Прямоугольник</h4>
<p>Длина прямоугольника: <input id="val_a" type="number" step="0.01" min="0.01" /></p>
<p>Ширина прямоугольника: <input id="val_b" type="number" step="0.01" min="0.01"/></p>
<div>Площадь прямоугольника:<span id="pls"></span> м.кв.</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$('input').on('input', function(){
var a, b;
a = $('#val_a').val(); //Длина прямоугольника
b = $('#val_b').val(); //Ширина прямоугольника
a = parseFloat(a);
b = parseFloat(b);
pl_s = a * b; //Площадь
$('#pls').html(pl_s);
});
</script>
</body>
</html>