JSFiddle - React, Tailwind, and code Playground

HTML

<button id ="getnewpassword" title="输入右边框的数值，生成N个随机密码！">生成密码</button>

        <input id="len" value="12"></input>

        <div id="password" contenteditable="true"></div>

JavaScript

function random(min, max) {
    return min + parseInt(Math.random() * (max - min + 1), 10);
}
function generatePassword(length, charset) {
    var password = "";
    while (length--) {
        password += charset[random(0, charset.length - 1)];
    }
    return password;
}
function getNewPassword() {
    $('#password').text(generatePassword(parseInt($('#len').val(), 10), "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789!?#@*&.,;:+-=()[]_"));
}
$(document).ready(function () {
    getNewPassword();
    $('#getnewpassword').click(function (ev) {
        getNewPassword();
        return false;
    });
});