html掷骰子游戏的代码,jquery实现掷骰子小游戏

本篇给大家分享一个很好玩的掷骰子游戏，当点击“掷筛子”按钮时张三和李四两人同时掷出筛子，在各自的文本框中会显示出各自掷出筛子的大小，并且会在第三个文本框中比较出两人点数的大小，并显示出获胜方，若两人点数一样，会显示平局。当点击“不玩了”按钮时，会清空所有文本框中的数据，回归初始。

效果图：

源码：

掷骰子游戏

$(document).ready(function(){

$("button:eq(0)").click(function(){

var num1 = parseInt((Math.random() * 6))+1;

var num2 = parseInt((Math.random() * 6))+1;

$("input:eq(0)").val(num1);

$("input:eq(1)").val(num2);

if(num1>num2){

$("input:eq(2)").val("张三");

}else if(num1

$("input:eq(2)").val("李四");

}else{

$("input:eq(2)").val("平局");

}

});

$("button:eq(1)").click(function(){

$("input:eq(0)").val("");

$("input:eq(1)").val("");

$("input:eq(2)").val("");

});

张三的骰子

李四的骰子

获胜者

掷筛子

不玩了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

html掷骰子游戏的代码,jquery实现掷骰子小游戏相关推荐

猜拳游戏php代码,最常见的猜拳小游戏Android代码实现
本文实例为大家分享了Android猜拳小游戏,供大家参考,具体内容如下简单的页面跳转和点击事件的实现... --> AndroidManifest.xml package=" ...
猜拳游戏android代码,android 简易的猜拳小游戏
我先把图片贴上来吧.. 选好你要出的,之后结果显示为电脑出什么是随机的.... 下面是代码部分. 1.布局: xmlns:tools="http://schemas.android.com ...
jQuery实现Windows扑克牌小游戏代码
下载地址jQuery实现Windows扑克牌小游戏代码,使用jQuery基于CSS3制作的WINDOWS7系统电脑自动的蜘蛛纸牌游戏. dd:
C语言开发数字华容道实现,jQuery实现数字华容道小游戏(实例代码)
数字华容道 *{ padding: 0px; margin: 0px; } #btns>button{ width: 100px; height: 30px; border: none; bac ...
使用jquery—Canvas实现html5小游戏——《坦克大战》
目录 1.项目背景 2.项目展示 3.设计思路 3.1.坦克移动 3.2.坦克开火 3.3.击中坦克 4.实现代码 5.总结 1.项目背景 2021年春节期间在家无聊,正好又学过一些前端的知识,因此就 ...
jQuery实现一个农场小游戏
jQuery实现一个农场小游戏效果图: 样式代码: <style>*{margin: 0;}.iBg{/*背景*/width:1000px;height: 100%;position:a ...
jQuery实现飞机大战小游戏
jQuery实现飞机大战小游戏一.效果图二.核心代码 1.创建地图 2.用户选择飞机界面 3.设置背景循环 4.创建飞机 5.创建敌机 6.敌机移动 7.设置敌机爆炸 8.创建子弹 9.检测子弹的 ...
jquery制作html小游戏,JQuery手速测试小游戏实现思路详解
(-1)写在前面我用的chrome49,jquery3.0,我得到过399分,信不信由你. (1)设计思路两个p元素放在div里,每个p元素的高度和宽度都和div一样,当鼠标放在div上时,第一个 ...
python小游戏-16行代码实现3D撞球小游戏！-源码下载
python小游戏-16行代码实现3D撞球小游戏!-源码下载所属网站分类: 资源下载 > python小游戏作者:搞笑链接: http://www.pythonheidong.com/bl ...

html掷骰子游戏的代码,jquery实现掷骰子小游戏

html掷骰子游戏的代码,jquery实现掷骰子小游戏相关推荐

最新文章

热门文章