HTML随机数掷筛子比较

最新推荐文章于 2022-11-02 16:08:59 发布

Gorky_19

最新推荐文章于 2022-11-02 16:08:59 发布

阅读量829

点赞数

本文链接：https://blog.csdn.net/Gorky_19/article/details/78245908

版权

下面这段代码是通过随机数来产生两个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>