Machine Problem
Write a program that uses ng-model directive that will accept a number and then the program will check if the given number is a positive or negative number, display the results on the screen.
My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.
My mobile number here in the Philippines is 09173084360.
Please subscribe to my channel https://www.youtube.com/channel/UCOs-lpOoIeJoh6gpJthPoGg
=================================================
Want to support my channel?
GCash Account
Jake Pomperada
09173084360
Paypal
https://paypal.me/jakerpomperada
Patreon
https://www.patreon.com/jakerpomperada
Thank you very much for your support.
Program Listing
<!-- index.htm
Author : Prof. Jake Rodriguez Pomperada, MAED-IT, MIT
Date : July 28, 2021 Tuesday 1:32 PM
Place : Bacolod City, Negros Occidental
Websites : www.jakerpomperada.com and www.jakerpomperada.blogspot.com
Email : jakerpomperada@gmail.com
-->
<html>
<head>
<title>Positive and Negative Number Using ng-model in AngularJS</title>
</head>
<style>
body {
font-family: arial;
font-size: 25px;
font-weight: bold;
}
</style>
<script type="text/javascript" src="angular.min.js">
</script><br>
<script>
var app = angular.module('app', []);
app.filter('Positive_Negative', function() {
return function(number) {
if (typeof number === "undefined") {
number = 1;
} else if (number >=0){
message = "The given number " + number + " is Positive Number";
} else
{
message = "The given number " + number + " is Negative Number";
}
return(message);
};
});
</script>
<div ng-app="app" ng-init="Val_Num=0">
<form>
<table border="0" cellspacing=10>
<tr>Positive and Negative Number Using ng-model in AngularJS</tr>
<tr>
<td>Enter a Number</td>
<td><input type="number" ng-model="Val_Num"
ng-init="Val_Num=0" required></td>
</tr>
</table>
</form>
<p>
{{Val_Num | Positive_Negative}}.</p><br>
</div>
</body>
</html>
No comments:
Post a Comment