本篇给大家分享一个很好玩的掷骰子游戏，当点击“掷筛子”按钮时张三和李四两人同时掷出筛子，在各自的文本框中会显示出各自掷出筛子的大小，并且会在第三个文本框中比较出两人点数的大小，并显示出获胜方，若两人点数一样，会显示平局。当点击“不玩了”按钮时，会清空所有文本框中的数据，回归初始。
效果图：
源码：
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>掷骰子游戏</title> <script type="text/javascript" src="https://www.jb51.net/jquery.1.12.4.js"></script> <script type="text/javascript"> $(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<num2){ $("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(""); }); }); </script> </head> <body> <div> <div>张三的骰子<input type="text"></div><br> <div>李四的骰子<input type="text"></div><br> <div>获胜者<input type="text"></div><br> <button>掷筛子</button> <button>不玩了</button> </div> </body> </html>