JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<p>Площадь : <input type="text" id="footage" /> м.кв.</p>
<p>Стоимость:<input type="text" id="price" /> $</p>
<ul id="output"></ul>

CSS

b {
    color: #060;
}

JavaScript

var price = 0,
    footage = 0,
    output = $('#output');

$('#footage, #price').on('keyup', function(){
    price = $('#price').val() * 1;
    footage = $('#footage').val() * 1;
    if(!isNaN(price) && !isNaN(footage)){
        output.html('Цена за м.кв: ' + (price / footage).toFixed(2) + ' монгольских тугриков');
    } else {
        output.html('Не верный формат!');
    }
});