javascript 如何随机生成红包

最新推荐文章于 2023-08-26 14:52:47 发布

dean404

最新推荐文章于 2023-08-26 14:52:47 发布

阅读量302

点赞数 1

文章标签： javascript js

本文链接：https://blog.csdn.net/dean404/article/details/114343076

版权

javascript 如何随机生成红包

随机红包保留到小数后两位

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <style>
        #con {
            width: 200px;
            height: 500px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <input type="text" id="money" name="money" />元
    <br>
    <input type="text" id="num" name="num" />个
   
    <input type="button" value="发送" id="btn" name="btn" />
    <h3>红包的个数和单个金额：</h3>
    <div id="con"></div>
    <script>
        var oMoney = document.getElementById('money');
        var oNum = document.getElementById('num');
        var oBtn = document.getElementById('btn');
        var oCon = document.getElementById('con');
    
        //2.按钮点击事件
        oBtn.onclick = function () {
            //将con内容清空
            oCon.innerHTML = '';
            //获取金额和红包个数
            var money = oMoney.value;
            var num = oNum.value;
            var sum = 0; //红包默认金额
            // 循环红包个数 少于红包个数一个
            for (var i = 0; i < num - 1; i++) {
                //取一个红包的金额，保留小数后两位
                sum = (getRandom(0.01, money/2)).toFixed(2);
                //总金额减去这个红包金额
                money = money - sum;
             oCon.innerHTML += '<div>' + i + '--' + sum + '</div>';
            }
            // 剩下的money为最后一个红包
            oCon.innerHTML += '<div>'  + num + '--' + money.toFixed(2) + '</div>';
        }
        //随机数函数，范围为a到b之间
        function getRandom(a, b) {
            return Math.random() * (b - a) + a;
        }
    </script>
</body>
</html>