1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html掷骰子游戏的代码 jquery实现掷骰子小游戏

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

时间:2021-10-23 21:09:17

相关推荐

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("");

});

});

张三的骰子李四的骰子获胜者

掷筛子

不玩了

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。