JSFiddle - React, Tailwind, and code Playground

by krofdrakula

HTML

<label for="short"><input type="checkbox" id="short" value="1"/> Short hex?</label>
<button>Generate!</button>

JavaScript

var getHex = function(digits) {
    var r = "", i;
    for(i = 0; i < digits; i++) {
        r += Math.floor(Math.random() * 16).toString(16);
    }
    return '#' + r;
};

var short = $('#short');

$('button').click(function() {
    $('body').append('<p>' + getHex(short.is(':checked')? 3: 6) + '</p>');
    return false;
});