Machine Problem
Write a program that uses ng-model directive that will accept a number and then the program will convert the given number by the user into its square, and cube equivalent, and 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 27, 2021 Tuesday 9:12 PM
Websites : www.jakerpomperada.com and www.jakerpomperada.blogspot.com
Email : jakerpomperada@gmail.com
-->
<html>
<head>
<title>Square and Cube a 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('Cube', function() {
return function(number) {
return(number*number*number);
};
});
app.filter('Square', function() {
return function (number) {
return (number * number);
};
});
</script>
<div ng-app="app" ng-init="Val_number=0">
<form>
<table border="0" cellspacing=10>
<tr>Square and Cube a 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"></td>
</tr>
</table>
</form>
<p>
The Square Value of {{Val_Num}} is {{Val_Num | Square}}.<br><br>
The Cube Value of {{Val_Num}} is {{Val_Num | Cube}}.</p>
</div>
</body>
</html>
No comments:
Post a Comment