Вывод массива Js на страницу

140
05 июля 2019, 13:20

Есть код, его задача - вывод отсортированного по возрастанию массива в консоль и на страницу. В консоль он выводит всё правильно, но на страницу он не выводит отсортированный массив. Помогите вывести отсортированный массив на страницу. Заранее спасибо!

table{
    width: 100%;
}
table td{
    font-family: Courier New;
    font-weight: bolder;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid black;
}
td{
    background-color: yellow;
}
.parentElem{
    border: 2px solid black;
    width: 50%;
    background-color: red;
}
#elem{
    opacity: 0;
}
</style>
<input type="button" onClick="elem.style.opacity=1;">
<div class="parentElem">
    <div id="elem"></div>
</div>
<script>

function getRandomInt(min, max){//Функция для генерации случайного числа
     return Math.floor(Math.random() * (max - min)) + min;
}
function compareNumbers(a, b) {//Функция для сортировки массива
  return a - b;
}
function matrixArray(rows,columns){ //Функция, которая создаёт двумерный массив
  var arr = new Array();
    for(var i=0; i<rows; i++){
        arr[i] = new Array();
        for(var j=0; j<columns; j++){
          arr[i][j] = getRandomInt(0, 100);
    }
  }
  return arr;
}
var myMatrix = matrixArray(7,5); 
myMatrix.forEach(row => row.sort(compareNumbers));//Вызов функции, которая сортирует массив по rows
console.log(myMatrix);

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    var elem = document.querySelector('#elem');
    createTable(elem, 5, 7);
    function createTable(parent, cols, rows){
        var table = document.createElement('table');
        for (var i = 0; i < rows; i++) {
            var tr = document.createElement('tr');
            for(var j = 0; j < cols; j++){
                var td = document.createElement('td');
                td.innerHTML=getRandomInt(0,100);
                tr.appendChild(td);
            }
            table.appendChild(tr);
        }
        parent.appendChild(table);
    }
</script>
Answer 1

Просто поменяйте td.innerHTML=getRandomInt(0,100); на td.innerHTML=myMatrix[i][j]

function getRandomInt(min, max){//Функция для генерации случайного числа 
     return Math.floor(Math.random() * (max - min)) + min; 
} 
 
function compareNumbers(a, b) {//Функция для сортировки массива 
  return a - b; 
} 
 
function matrixArray(rows,columns){ //Функция, которая создаёт двумерный массив 
  var arr = new Array(); 
    for(var i=0; i<rows; i++){ 
        arr[i] = new Array(); 
 
        for(var j=0; j<columns; j++){ 
          arr[i][j] = getRandomInt(0, 100); 
    } 
  } 
  return arr; 
} 
 
var myMatrix = matrixArray(7,5);  
myMatrix.forEach(row => row.sort(compareNumbers));//Вызов функции, которая сортирует массив по rows 
 
var elem = document.querySelector('#elem'); 
createTable(elem, 5, 7); 
function createTable(parent, cols, rows){ 
    var table = document.createElement('table'); 
    for (var i = 0; i < rows; i++) { 
        var tr = document.createElement('tr'); 
        for(var j = 0; j < cols; j++){ 
            var td = document.createElement('td'); 
            td.innerHTML=myMatrix[i][j]; // используем массив 
            tr.appendChild(td); 
        } 
        table.appendChild(tr); 
    } 
    parent.appendChild(table); 
}
table{ 
    width: 100%; 
} 
 
table td{ 
    font-family: Courier New; 
    font-weight: bolder; 
    font-size: 20px; 
    text-align: center; 
    padding: 10px; 
    border: 1px solid black; 
} 
 
td{ 
    background-color: yellow; 
} 
 
.parentElem{ 
    border: 2px solid black; 
    width: 50%; 
    background-color: red; 
} 
#elem{ 
    opacity: 0; 
}
<input type="button" onClick="elem.style.opacity=1;" value='Нажать'> 
<div class="parentElem"> 
    <div id="elem"></div> 
</div>

READ ALSO
SQL запрос на выборку. Выборка из календаря

SQL запрос на выборку. Выборка из календаря

Всем привет, помогите новичку

147
Строка подключения для .Net EF MySQL

Строка подключения для .Net EF MySQL

Пытаюсь в ручную собрать строку подключения для контекста используя известный пример:

132
Правка запроса My SQL

Правка запроса My SQL

переделываю склайт на mysql ,не могу никак добить этот запрос нужно чтобы от текущего времени отнималось время записанное в таблице и выводилось...

128
Как обновить дату в таблице mysql

Как обновить дату в таблице mysql

Дату заносит вроде, но как только собираешься что-то с этой датой сделать, например отнять он нее другую дату, сразу пишет неверный формат...

166