Q7

Sum of numbers

by Preetha Srinivasan

HTML

<div ng-app="myapp" ng-controller="numberCtrl">
   Value 1 : <input type="text" ng-model="n1" ng-change="calSum()"/> <br/>
   Value 2 : <input type="text" ng-model="n2" ng-change="calSum()" /> <br/>
   Value 3 : <input type="text" ng-model="n3" ng-change="calSum()" /> <br/>
   Sum :     <input type="text" ng-model="sum"  />
   <button ng-click="calValues()">Calculate Values</button>
   
   </button>
</div>

JavaScript

var app = angular.module('myapp',[]);

app.controller('numberCtrl', function ($scope) {
    $scope.n1 = 100;
    $scope.n2 = 100;
    $scope.n3 = 100;
    $scope.sum =  $scope.n1 +  $scope.n2 +  $scope.n3;
    
    var n1Ratio,n2Ratio,n3Ratio;
  
    $scope.calValues = function(){
      var csum = parseInt($scope.n1) + parseInt($scope.n2) + parseInt($scope.n3);
      n1Ratio = parseInt($scope.n1)/csum;
      n2Ratio = parseInt($scope.n2)/csum;
      n3Ratio = parseInt($scope.n3)/csum;
   
      $scope.n1 = n1Ratio * $scope.sum;
      $scope.n2 = n2Ratio * $scope.sum;
      $scope.n3 = n3Ratio * $scope.sum;
    }
    
    $scope.calSum = function(){        
        $scope.sum = parseInt($scope.n1) + parseInt($scope.n2) + parseInt($scope.n3);
    }
});