JSFiddle - React, Tailwind, and code Playground

by Kumar Ramalingam

HTML

<script>
    function Calculator($scope) {    
    $scope.operators = ['+', '-', '*', '/'];
    $scope.selectedOperator = $scope.operators[0];
    
    $scope.calculate = function() {
        var A = parseInt($scope.firstNumber);
        var B = parseInt($scope.secondNumber);
        var C = 0;
    
        switch ($scope.selectedOperator) {
            case '+':
                C = A + B;
                break;
            case '-':
                C = A - B;
                break;
            case '*':
                C = A * B;
                break;
            case '/':
                C = A / B;
                break;                
        }
        
        $scope.result = C;
    };
}



</script>
<div ng-app>
    <div ng-controller="Calculator">
        
 <div class="offset4 span6 well">
 <label>Enter a value :</label>
 <input ng-model="firstNumber" type="text"> <br/><br>
            
          
 <label>Another Value:</label>
 <input ng-model="secondNumber" type="text"> <br/><br>
 
 <label>Operator:</label>
 <select ng-model="selectedOperator" 
 ng-options="operator for operator in operators"></select> 
 <br><br>
     
 <button ng-click="calculate()">Calculate</button> <br><br>
            
 Result: {{result}}
 </div>
 </div>
</div>