JSFiddle - React, Tailwind, and code Playground

by steven keezer

HTML

<div id="alpha-numeric">
    <h2>Alpha Numeric</h2>
    Length: <input class="length"></input>
    <button class="generate">Generate</button>
    <span class="result"></span>

JavaScript

function randomString(length, chars) {
    var result = '';
    for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
    return result;
}
var rString = randomString(32, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');

var an = $('#alpha-numeric');
an.find('.generate').click(function () {
    var len = an.find('.length').val();
    var chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
    var rStr = randomString(len, chars);