您的位置：首页 > 其它

随机数，张三李四掷骰子，两个数系统判断胜者，

2017-10-17 20:01 113 查看

<!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="掷骰子" onclick="return rollDice();"/></div>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航