sheikh-k
11/16/2016 - 3:14 PM

Simple Form to convert between Lack, Million, Crore, Billion... (Try by saving it to HTML)

Simple Form to convert between Lack, Million, Crore, Billion... (Try by saving it to HTML)


<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<br/>
<div class="container" ng-app="myApp" ng-controller="myController">
    
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Monetary Calculation</h3>
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        <label for="" class="control-label">Lakhs:</label>
                        <input type="text" class="form-control" ng-model="Calc.Lakhs" ng-change="Calc.Million = Calc.Lakhs/10; Calc.Crore = Calc.Lakhs/100; Calc.Billion = Calc.Lakhs/10000; ">
                    </div>

                    <div class="form-group">
                        <label for="" class="control-label">Million:</label>
                        <input type="text" class="form-control" ng-model="Calc.Million" ng-change="Calc.Lakhs = Calc.Million*10; Calc.Crore = Calc.Million/10; Calc.Billion = Calc.Million/1000;">
                    </div>

                    <div class="form-group">
                        <label for="" class="control-label">Crore:</label>
                        <input type="text" class="form-control" ng-model="Calc.Crore" ng-change="Calc.Lakhs = Calc.Crore*100; Calc.Million = Calc.Crore*10; Calc.Billion = Calc.Crore/100;">
                    </div>

                    <div class="form-group">
                        <label for="" class="control-label">Billion:</label>
                        <input type="text" class="form-control" ng-model="Calc.Billion" ng-change="Calc.Lakhs = Calc.Billion*10000; Calc.Million = Calc.Billion*1000; Calc.Crore = Calc.Billion*100;">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Dollar to BDT Conversion</h3>
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        <label for="" class="control-label">SET <span style="color:coral">One $/&euro; = ? BDT</span></label>
                        <input type="text" class="form-control" ng-model="Conversion.OneDollar">
                    </div>
                    
                    <div class="form-group">
                        <label for="" class="control-label">$/&euro;</label>
                        <input type="text" class="form-control" ng-model="Conversion.Dollar" ng-change="Conversion.Taka = Conversion.Dollar * Conversion.OneDollar">
                    </div>
                    
                    <div class="form-group">
                        <label for="" class="control-label">Taka</label>
                        <input type="text" class="form-control" ng-model="Conversion.Taka" ng-change="Conversion.Dollar = Conversion.Taka / Conversion.OneDollar">
                    </div>
                </div>
            </div> 
        </div>
        <div class="col-md-3"> </div>
        <div class="col-md-3"> </div>
    </div>
    
</div>

<script>    
    var myApp = angular.module('myApp', []);
    myApp.controller('myController', function myController($scope, $http) {

    });
</script>