<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.3.13" data-semver="1.3.13" src="https://code.angularjs.org/1.3.13/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<table ng-app="testApp">
<tr ng-controller="acadController">
<td>Test</td>
<td>Test 2</td>
<td><input type="number" ng-model="pt1" /></td>
<td><input type="number" ng-model="pt2"/></td>
<td><input type="number" ng-model="ia"/></td>
<td><input type="number" ng-model="marks" class="marks_catotal" /></td>
<td><input type="number" ng-model="endSemMarks" class="marks_endsem" /></td>
<td><input type="number" ng-model="marksTotal" class="marks_total" /></td>
</tr>
<table>
</body>
</html>
// Code goes here
angular.module('testApp', []).controller('acadController', ['$scope', function($scope) {
$scope.$watch('pt1 + pt2 + ia', function(v) {$scope.marks = v;});
$scope.$watch('marks + endSemMarks', function(v) {$scope.marksTotal = v;});
}]);
/* Styles go here */