Таблица умножении Html JavaScript

Почему цифры которые выделены на картинке отображаются только в консоли и не отображаются на экране сверху?

let matrix = []
let m = 10
let n = 10
let l = 1
function setup() {
    createCanvas(600, 600)
    background("#acacac")
    for (let y = 0; y <= m; y++) {
        matrix[y] = []
        for (let x = 0; x <= n; x++) 
            {
            if (x != 0) {
                matrix[y][x] = x * y
            }
            if(x == 0 || y == 0) {
                matrix[y][x] = 7
            }                
        }
        console.log(matrix[y]);
    }
}
console.log(matrix);
let side = 30
function draw() {
    for (let y = 0; y < matrix.length; y++) {
        for (let x = 0; x < matrix[y].length; x++) {
            text(matrix[y][x], x * side, y * side)
        }
    }
}

введите сюда описание изображения


Ответы (1 шт):

Автор решения: Konstantin Modin

Матрица не меняется, просто первая сторка не прорисовывается когда y=0. Если это координаты то возможно можно написать так:

text(matrix[y][x], x * side, y * side + side)
→ Ссылка