HTML随机数掷筛子比较

来源:互联网 发布:小丽和小云在计算 编辑:程序博客网 时间:2024/06/11 17:51

下面这段代码是通过随机数来产生两个1-6的值,然后对两个值进行比较来得出值大的一方。

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script type="text/javascript" src="jquery.1.12.4.js"></script>    <script type="text/javascript">            $(function() {                $("#two_button").click(function() {                    $("#te1").val("");                    $("#te2").val("");                    $("#te3").val("");                });            })            $(function() {                $("#one_btn").click(function() {                    var aa = Math.floor(Math.random()*6+1);                    $("#te1").val(aa);                    var bb = Math.floor(Math.random()*6+1);                    $("#te2").val(bb);                    if(aa>bb) {                        $("#te3").val("张三");                    }else if(aa<bb) {                        $("#te3").val("李四");                    }else {                        $("#te3").val("平局")                    }                });            })    </script></head><body>    张三的骰子   <input id="te1" type="text"/><br/><br/>    李四的骰子   <input  id="te2" type="text"/><br/><br/>         获胜者   <input id="te3" type="text" style="width: 100px"/><br/><br/>           <input id="one_btn" type="button" value="掷筛子"/>             <input id="two_button" type="button" value="不玩了"/></body></html>


原创粉丝点击