<!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.js"></script> <title></title> <script type="text/javascript"> var rand = function () { return Math.ceil(Math.random() * 6); }; var app = angular.module('myApp', []); app.controller('myCtrl', function ($scope, $http) { }); var rollDice = function () { var appElement = document.querySelector("[ng-controller=myCtrl]"); var $scope = angular.element(appElement).scope(); $scope.zhangsan = rand();//張三的隨機數 $scope.lisi = rand();//李四的隨機數 $scope.winer = ($scope.zhangsan > $scope.lisi ? "張三" : ($scope.zhangsan < $scope.lisi ? "李四" : "相等")) $scope.$apply(); // 同步到Angular控制器中 }; </script> </head> <body> <div ng-controller="myCtrl"> <div>張三:<input ng-model="zhangsan"/></div> <div>李四:<input ng-model="lisi"/></div> <div>贏方:<input ng-model="winer"/></div> <div><input type="button" value="擲骰子" οnclick="return rollDice();"/></div> </div> </body> </html>
隨機數,張三李四擲骰子,兩個數系統判斷勝者,
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.