Friday, 20 July 2018

AngularJS Basic Programs

Calculate all arithmetic operation
<html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<style>
table{
      border:1px solid black;
            height:50px;
            width:400px;
            padding-top:10px;
            padding-bottom:10px;
            padding-left:20px;
            background-color:gray;
            }
</style>
</head>
<body>
<center>
<h2>Arithmetic Operations</h2>
<div ng-app="">
<table>

<tr>
<td>Enter first number</td>
<td><input type="number" ng-model="a"></td>
</tr>

<tr>
<td>Enter second number</td>
<td><input type="number" ng-model="b"></td>
</tr>

</table></br></br>

<p>Addition of two number: {{a+b}}</p></br>
<p>Subtraction of two number: {{a-b}}</p></br>
<p>Multiplication of two number: {{a*b}}</p></br>
<p>Division of two number: {{a/b}}</p>
</div>
</center>
</body>
</html>

Compute Area of Circle
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body>
<center>
<h1> Area of circle</h1>
<div ng-app="">
Enter value radius:<input type="number" ng-model="r"></p></br>
<p>Area of circle: {{3.14*r*r}}</p>
</div>
</center>
</body>
</html>

Compute Area of Rectangle
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body>
<center>
<h1> Area of Rectangle</h1>
<div ng-app="">
Enter value of Length:<input type="number" ng-model="L"></p></br>
Enter value of Breadth:<input type="number" ng-model="B"></p></br>
<p>Area of rectangle: {{L*B}}</p>
</div>
</center>
</body>
</html>

Compute Area of Square
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body>
<center>
<h1> Area of Square</h1>
<div ng-app="">
Enter value of side:<input type="number" ng-model="a"></p></br>
<p>Area of triangle: {{a*a}}</p>
</div>
</center>
</body>
</html>

Compute Area of Triangle
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body>
<center>
<h1> Area of Triangle</h1>
<div ng-app="">
Enter value of base:<input type="number" ng-model="b"></p></br>
Enter value of height:<input type="number" ng-model="h"></p></br>
<p>Area of triangle: {{0.5*b*h}}</p>
</div>
</center>
</body>
</html>

1 comment:

  1. Python is an open-source, high level, interpreted programming language which offers great opportunities for object-oriented programming. Choosing a python training program from Red Prism Group, which is best training institute for python in noida.

    ReplyDelete

Global Infrastructure and its components in AWS

You may operate your workloads wherever and however you choose with the AWS Global Infrastructure, and you'll use the same network, cont...