ctrl + U - показывает исходный код веб-страницы
По Вашему калькулятору. При кропе, меняется ширина и высота, эти параматры подставляются в input и проводится пересчет.
<script>
// получаем значения ширины и высоты после отработки кропа и задаем значения переменным
var newWidth = [ тут новое значение ширины после обработки кропа];
var newHeight = [тут новое значение высоты после обработки кропа];
// "пропихиваем" новые значения переменных в инпуты
$("#inputWidth").val(newWidth);
$("#inputHeight").val(newHeight);
// Добавляете событие onChange и делаете пересчет или сразу делаете пересчет и передаете значение в контейнер, в котором отображается площадь
</script>
З.Ы. Это не готовое решение, только один из вариантов, в каком направлении двигаться.
