我们在做前端开发时，有时会用到自动生成随机数的功能。今天我们就用js来实现这么一个生成随机数的功能。这里面的核心思路就是先定义随机数的数据源，你可以加入英文字母，数字，下划线或者其他特殊字符，然后再用js的Math.random()方法来随机截取其中的一个字符。具体步骤如下：

1.js核心算法

function random_str(length) {
    var ALPHABET = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
    ALPHABET += 'abcdefghijklmnopqrstuvwxyz';
    ALPHABET += '0123456789-_';
    var str = '';
    for (var i = 0; i < length; ++i) {
        var rand = Math.floor(Math.random() * ALPHABET.length);
        str += ALPHABET.substring(rand, rand + 1);
    }
    return str;
}

$(".print").click(() => {
    let text = random_str(16)
    $(".text").text(text)
})

2.html关键代码

<div>
    <input type="button" class="print" value="生成随机数">
    <div class="text"></div>
</div>

3.再来点css美颜一下

.text {
	color:red
}

最终的效果如下：