Grid with letters

by John kuoppala

HTML

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

CSS

canvas {
    border:1px solid black
}

JavaScript

var c = document.getElementById("canvas");
var ctx = c.getContext("2d");

var letters = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"];

var font = "Arial";
var size = 15;
var spacing = 15;
var gridLength = 10;

c.width = (size+spacing)*(gridLength+1);
c.height = (size+spacing)*(gridLength+1);

ctx.font = size+"px "+font;
ctx.textAlign="center";
for(var i=0; i<gridLength; i++) {
   for(var j=0; j<gridLength; j++) {
        ctx.fillText(letters[Math.floor(Math.random()*gridLength)],(i+1)*(size+spacing),(j+1)*(size+spacing));
    } 
}