JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<div ng-app="myApp">
  <div data-ng-controller="myCtrl">
    <input ng-model="inp" type="text" />
    <br/>
    <div>{{calculate(inp)}}</div>
    <input ng-model="tes" ng-init={{calculate(inp)}} type="text" />
  </div>
</div>

CSS

table {
  width: 100%;
  text-align: center;
}

tr:hover {
  background: #000;
  color: #fff;
}

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', function($scope) {
  
  $scope.calculate = function(inp) {
     c = parseInt(inp) + 10
     return c
  
  };

})