There is a code, its task is to output an array sorted in ascending order to the console and to the page. It displays everything correctly to the console, but it does not output a sorted array to the page. Help to display the sorted array on the page. Thank you in advance!

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>
  • in what form should it be displayed? - Sonic Myst
  • one
    you are not using your sorted array td.innerHTML=getRandomInt(0,100); where is your array here? - ThisMan

1 answer 1

Just change td.innerHTML=getRandomInt(0,100); on 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>