Sunday, May 10, 2015

Addition of Three Numbers in AngularJS

In this article I would like to share with you a sample program that will add the sum of three numbers using AngularJS as our Javascript Framework. What does the program will do is very simple it will ask the user to enter three number and our program will automatically will sum up the values of the three numbers provided by our user.

If you like my work please send me an email at jakerpomperada@gmail.com and jakerpomperada@yahoo.com.

People here in the Philippines who wish to contact me can call and text me in this number 09173084360.

Thank you very much and God Bless.



Sample Program Output


Program Listing


<html>
<head> 
<title> Addition of Three Numbers in AngularJS </title>
</head>
<style>
p,h3 {
   color:blue;
   font-family: "arial";
   font-style: bold;
   size: 16;
  };
 </style>
<script type="text/javascript" src="angular.js"></script>
<body bgcolor="lightgreen">
<br><br>
<h3>Addition of Three Numbers in AngularJS</h3>
<div ng-app="">
    <p>First Number:
        <input type="text" ng-model="a" placeholder="enter a number" />
    </p>
    <p>Second Number:
        <input type="text" ng-model="b" placeholder="enter a number"/>
    </p>
  <p>Third Number:
        <input type="text" ng-model="c" placeholder="enter a number" />
    </p><br>
    <p>The total sum of {{a}}, {{b}} and {{c}} is {{ a -- b -- c }}.</p>
</div>
</body>
</html>


No comments:

Post a Comment