JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="random"></canvas>

CSS

@font-face {
  font-family: 'Codystar';
  src: local('Codystar'), url(http://themes.googleusercontent.com/static/fonts/codystar/v1/BraFEMRumMsVbWgqTQIWRPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

JavaScript

function Random() {
        var length = 9,
            charset = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",
            retVal = "";
        for (var i = 0, n = charset.length; i < length; ++i) {
            retVal += charset.charAt(Math.floor(Math.random() * n));
        }
        return retVal;
    }

var ctx = document.getElementById("random").getContext('2d');
ctx.font="30px Codystar";
ctx.fillText(Random(), 30, 30);