JSFiddle - React, Tailwind, and code Playground

by jewel100

HTML

<div ng-app>
  <h2>Two way data binding</h2>
  <div ng-controller="TodoCtrl">
   <label>Set the first number: <input type="text" ng-model="number1"/></label><br />
  <label>Set the last number: <input type="text" ng-model="number2"/></label>
 <br />
  <br /><br />
  <br />   

  <label>result: <input type="text" ng-model="result" ng-bind="getResult()"/></label>
  
  <br />
  <br /><br />
  <br />   
  
  <strong>result in later use:</strong> {{result}}
  </div>
</div>

JavaScript

function TodoCtrl($scope) {
 $scope.number1=5;
$scope.number2 = 4;

$scope.result = $scope.number1  + $scope.number2;

$scope.getResult = function(){
$scope.result = Number($scope.number1)  + Number($scope.number2);
};
}