<html ng-app="calculatorApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body ng-controller="CalculatorController" ng-init="result = 0">
<h1>Simple Calculator</h1>
<input type="number" ng-model="num1" placeholder="Enter a number">
<input type="number" ng-model="num2" placeholder="Enter another number">
<button ng-click="result=num +num2" ng-disabled="!num1||!num2">Add</button>
<p ng-show="result">Result: <span ng-bind="result"></span></p>
<script>
var app = angular.module('calculatorApp', []);
app.controller('CalculatorController', function ($scope) {
// No need for explicit initialization function
});
</script>
</body>
</html>
No comments:
Post a Comment