Заполнение всего игрового поля шариками случайного цвета

// Интерфейс программы
const ROWS =  9;    // количество рядов
const COLORS = 9    // количество цветов
const LEN = 40      // размер шарика
const CELL = 45     // размер ячейки
const BAR = 50      // высота шапки
 
let NumOfPoints = 1;    // количество очков
let NumOfBalls = 81;    // количество шариков на поле
let Board = [81];   // массив, задающий игровое поле
// Нумерация полей начинается с нуля
// Нумерация шариков с единицы. Ноль - шарика нет на поле
let canvas;         // холст
let ctx;            // контекст рисования
 
export function InitBoard() 
{
    // Игровое поле
    canvas = document.getElementById("draw");
    canvas.width = 407;
    canvas.height = 414+BAR;
    ctx = canvas.getContext("2d");
    
    // Создаем массив для хранения игрового поля
    Board = CreateArray(ROWS, ROWS);
    
    // Выводим счет
    InitBar();
    ShowPoints();
}
 
function CreateArray(rows, columns) 
{
    let arr = new Array();
    for (let i = 1; i < rows; i++) 
    {
        arr[i] = new Array();
 
        for (let j = 0; j < columns; j++) 
        {
            arr[i][j] = 0;
        }
    }
    return arr;
}
 
export function ShowBoard()
{
    let pic = new Image();  
    pic.src = 'board.png'; 
    // Вывод игрового поля
    pic.onload = function() 
    {    
        ctx.drawImage(pic, 0, BAR);
    }
}
 
export function ShowBall(i, j, ColorOfBall)
{
    let sx; //Смещение картинки шарика по горизонтали
    let sy; //Смещение картинки шарика по вертикали
 
    //Определяем смещение в зависимости от цвета и позиции шарика
    sx = 0;
    sy = (ColorOfBall-1)*LEN;
 
    //Определяем целевые позиции в зависимости от цвета
    let dx = i*CELL+9; //Позиция по горизонтали на игровом поле
    let dy = j*CELL+9+BAR; //Позиция по вертикали на игровом поле
 
    // Вывод шарика
    let pic = new Image();  
    pic.src = 'balls.png'; 
    pic.onload = function() 
    {    
        ctx.drawImage(pic, sx, sy, LEN, LEN, dx, dy, LEN, LEN);
    }
}
 
export function TestShowOne()
{
    ShowBall(1, 1, 81);
    NumOfPoints++;
    ShowPoints();
}
 
// Получение случайного числа в заданном диапазоне
function getRandomInRange(min, max) 
{
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
 
 
 
export function TestShowFive()
{
    for(let i=1; i<=81; i++)
    {
        let x = getRandomInRange(0, ROWS-1);
        let y = getRandomInRange(0, ROWS-1);
        ShowBall(x, y, i);
        NumOfPoints++;
    }   
    ShowPoints();
}
 
 
export function TestShowGrid()
{
    let i,j;
    for (i=0; i<9; i++)
    {
        for (j=0; j<9; j++)
        {
            ShowBall(i, j, j);
        }
    }
}
 
function InitBar()
{
    // Кнопка Старт
    ctx.fillStyle = "#C5C5C5";
    ctx.fillRect(0, 0, 203, BAR);
      
    ctx.fillStyle = "white";
    ctx.font = "normal 12pt Arial";
    ctx.fillText("Старт", 77, 32);
 
    // Область счета
    ctx.fillStyle = "black";
    ctx.fillRect(203, 0, 204, BAR); 
}   
 
function ShowPoints()
{
    // Вывод счета
    ctx.fillStyle = "black";
    ctx.fillRect(203, 0, 204, BAR);
 
    ctx.fillStyle = "white";
    ctx.font = "normal 18pt Arial";
    ctx.textAlign = "right";
    
    ctx.fillText(String(NumOfPoints), 307, 32); 
}