по моєму для таких завдань добре підходять mvvm фреймворки по типу ember backbone angular.

Може на тому сайті треба зареєструватися і, можливо, заплатити грошики для того щоб отримати код.
Наведений вами калькулятор не виглядає складним. Візьміть і напишіть. Або принаймні спробуйте.

Проблема лише в реалізації інтерактивності? Вам формула обрахунку відома?

Якщо перше, то AngularJS з цим дуже просто справляється. Ось елементарний приклад калькулятора. Зверніть увагу що в лівій частині є файл script.js. У ньому, замість теперішньої формули:

  $scope.result = function()
  {
    if($scope.param1 && $scope.param2)
      return ($scope.param1 + $scope.param2);
  }

можна прописати будь-яку формулу. Також зверніть увагу на типи input.

В AngularJS вираз на боці HTML ng-model="param1" означає, що відбувається спостереження за JS-змінною param1. В контролері цей параметр доступний через вираз $scope.param1

ktretyak - дякую, на базі того варіанту зробив таке http://codepen.io/karmeljuk/pen/PqJjrd

Тепер питання маю: чому інколи в мене з'являються дужки навколо результату http://www.awesomescreenshot.com/image/ … 114191e528

Ще одне: бачу що ви намагаєтесь вписати початкове значення для елементів input. Коли ці елементи опікуються ангуларом, то це можна робити або прямо в HTML, через ng-init="":

<input type="number" min="2" ng-init="petrolPrice = 20" ng-model="petrolPrice">

або в контролері:

$scope.petrolPrice = 20;