Создать и вывести на экран матрицу, заполненную случайными числами

var arr = [];
for (var i = 0; i < 9; i++) {
    var matrix = getRandom();
    arr.push(matrix);
    document.write(arr[i] + '<br>');
 
}
 
function getRandom(){
    var min = 0;
    var max = 9;
    return Math.floor(Math.random()*(max-min))+min;
}

(function () {
    var table = document.createDocumentFragment();
    
    var arr = [];
    for (var i = 0; i < 2; i++) {
        var tr = document.createElement('tr');
        arr[i] = [];
        for(var j = 0; j < 3; j++) {
            var td = document.createElement('td');
            td.innerHTML = arr[i][j] = getRandom();
            tr.appendChild(td);
        }
        table.appendChild(tr);
    }
    document.getElementById('matrix').appendChild(table);
 
    function getRandom(){
        var min = 0;
        var max = 9;
        return Math.floor(Math.random()*(max-min))+min;
    }
})();

var globalArr = [];
var rowArr = 2;
var colArr = 3;
 
for (var i = 0; i < rowArr; i++) {
    var row = [];
    for(var j = 0; j < colArr; j++){
        var random = getRandom();
        row.push(random);
    }
    globalArr.push(row);
}
function getRandom(){
    var min = 0;
    var max = 9;
    return Math.floor(Math.random()*(max-min))+min;
}

(function () {
    /* createDocumentFragment создает фрагмент документа, но он не будет сразу же вставлен на страницу
        благодаря этому, мы не будем совершать множество операций, по вставке на страницу строк и ячеек,
        а соберем нужный нам фрагмент, и за один раз вставим все нужные элементы 
        совершить одну вставку  гораздо быстрее и эффективнее, так как при каждом изменение страницы, браузер вынужден перерисовывать ее полностью
    */
    var table = document.createDocumentFragment();
    
    var arr = [];
    for (var i = 0; i < 2; i++) {
       /*на каждой интерации первого цикла создаем строку tr */
        var tr = document.createElement('tr');
 
        arr[i] = [];
        for(var j = 0; j < 3; j++) {
       /*на каждой интерации второго цикла создаем ячейку td */
            var td = document.createElement('td');
 
       /* вносим данные в ячейку */
            td.innerHTML = arr[i][j] = getRandom();
 
       /* готовую ячейку с данными добавляем в строку */
            tr.appendChild(td);
        }
 
       /* когда строка заполнена, добавляем ее в созданный нами фрагмент */
        table.appendChild(tr);
    }
/* когда все данные заполнены, ищем на странице элемент с id=matrix
в нашем случае это таблица
и записываем в нее наш фрагмент */
    document.getElementById('matrix').appendChild(table);
 
    function getRandom(){
        var min = 0;
        var max = 9;
        return Math.floor(Math.random()*(max-min))+min;
    }
})();

var table = '<table>';
for (var i = 0; i < rowArr; i++) {
    table += '<tr>';
 
    table += '</tr>';
}

var rowArr = 2;
var colArr = 3;
 
var table = '<table class="blablabal">';
 
for (var i = 0; i < rowArr; i++) {
    table += '<tr>';
    for(var j = 0; j < colArr; j++){
        table += '<td>' + getRandom() + '</td>';
    }
    table += '</tr>';
}
table += '</table>';
$('body').append(table);
 
 
function getRandom(){
    var min = 0;
    var max = 9;
    return Math.floor(Math.random()*(max-min))+min;
}

var rowArr = 2;
var colArr = 3;
 
var table = $('<table class="blablabal">');
 
for (var i = 0; i < rowArr; i++) {
    var tr = $('<tr>');
    for(var j = 0; j < colArr; j++){
        var td = $('<td>').text( getRandom() );
        tr.append(td);
    }
    table.append(tr);
}
 
$('body').append(table);
 
 
function getRandom(){
    var min = 0;
    var max = 9;
    return Math.floor(Math.random()*(max-min))+min;
}