jquery实现掷骰子的小游戏

本文将与大家分享一个非常有趣的掷骰子游戏。点击“扔筛子”按钮，张和李四会同时扔出一个筛子，扔出的筛子大小会显示在各自的文本框中。在第三个文本框中，将比较两人的得分，并显示获胜者。如果两个人有相同的点，将显示一个平局。当您单击“停止播放”按钮时，所有文本框中的数据将被清除并恢复到原始状态。

渲染：

源代码：

！doctype html head metadarset=' utf-8 ' title dice game/title script type=' text/JavaScript ' src=' http : jquery . 1 . 12 . 4 . js '/script script type=' text/JavaScript ' $(文档)。ready(function(){ $(' button : eq(0)')。click(function(){ var num 1=parsent((math . random()* 6))1；var num 2=ParSeint((Math . random()* 6))1；$(“input 3360 eq(0)”)。val(num 1)；$(“input 3360 eq(1)”)。val(num 2)；if(num 1 num 2){ $(' input 3360 eq(2)')。瓦尔(《张三》)；} else if(num 1 num 2){ $(' input : eq(2)')。瓦尔语('李斯')；}else{ $('input:eq(2)')。val(' draw ')；} });$(“button : eq(1)”)。单击(function(){ $(' input 3360 eq(0)')。val(“”)；$(“input 3360 eq(1)”)。val(“”)；$(“input 3360 eq(2)”)。val(“”)；});});/script/head body div style=' width : 500 px；高度：500 px；Margin: auto' div张三骰子输入类型='text'/divbr div李四骰子输入类型=' text '/div br div style=' margin-left : 32px；'Winner输入类型=' text ' style=' width : 100px '/div brbutton抛出一个筛子/button button style=' margin-left : 150px '停止播放/button/div/body/html以上就是本文的全部内容，希望对大家的学习有所帮助，多多支持我们。