JSFiddle - React, Tailwind, and code Playground

by Andrew Dunai

HTML

<div id="result-1"></div>
<div id="result-2"></div>

CSS

table { border: 1px solid black; }
td { border: 1px solid red; }

JavaScript

function print_table(v) {
            var table = "<table>";
            for (var row = 0; row < v.length; row++) {
                table += "<tr>";
                for (var col = 0; col < v[row].length; col++) {
                    table += "<td>" + v[row][col] + "</td>";
                }
                table += "</tr>";
            }
            table += "</table>";
            return table;
        };
        var array = [
            [3,4,7],
            [8,-1,0],
            [4,6,2]
        ];

        document.getElementById("result-1").innerHTML = print_table(array);
     
 

        function print_new_table(v) {
            var table = "<table>";
            for (var row = 0; row < v.length; row++) {
                table += "<tr>";
                for (var col = 0; col < v[row].length; col++) {
                    table += "<td>" + v[col][row] + "</td>";
                }
                table += "</tr>";
            }
            table += "</table>";
            return table;
        };

        document.getElementById("result-2").innerHTML = print_new_table(array); // Good <3 - !! CTRL+Enter !!
// TypeError: a is not defined :/
// Nein :)))
// Все рівно "TypeError: ---------> *****a***** <------ is not defined"
           
        console.log(document.getElementById("result-2").innerHTML);