Sunday, March 6, 2016

Product of Two Numbers in AngularJS

A simple program that I wrote in AngularJS that will ask the user to give number numbers and then our program will compute the product of the two numbers. I am still a beginner in AngularJS programming. I hope you will find my work guys useful.


If you have some questions please send me an email at jakerpomperada@gmail.com and jakerpomperada@yahoo.com.

My mobile number here in the Philippines is 09173084360.



Sample Program Output


Program Listing


<html>
<head> 
<title> Product of Two Numbers in AngularJS </title>
</head>
<style>
p,h3 {
   color:blue;
     display: inline-block;
    float: left;
    clear: left;
    width: 380px;
    text-align: right;
   font-family: "arial";
   font-style: bold;
   size: 16;
  };
  
  input {
  display: inline-block;
  float: left;
}

 </style>
<script type="text/javascript" src="angular.js"></script>
<body bgcolor="yellow">
<br><br>
<h3>Product of Two Numbers in AngularJS</h3>
<div ng-app="">
    <p>First Number:
        <input type="text" ng-model="a" placeholder="enter a number" size="15"/>
    </p>
    <p>Second Number:
        <input type="text" ng-model="b" placeholder="enter a number" size="15"/>
    </p>
<br>
    <p>The product of {{a}} and {{b}} is {{ a * b }}.</p>
</div>
</body>
</html>

No comments:

Post a Comment