Printing a formatted multiplication table to the console

Question

my current code currently prints a table to the console, but I want the table to be formatted so every column and row are aligned perfectly. I can do that using an HTML table, but I would prefer just printing in the console.

console.log(multiplicationTable(12));

function multiplicationTable(max)
{
    var i,j;
    for( i = 1; i<=max ; i++)
        {
            for( j = 1; j<=max; j++)
                {
                    document.write( i*j + " " );
                }
            document.write("<br>");
        }
}

Thanks a lot!

`currently prints a table to the console` no it doesn't - it logs `undefined` to the console — Jaromanda X, Aug 14 '17 at 06:22

score 0 · Answer 1 · answered Aug 14 '17 at 06:21

0

How about using the "console.table(~~)" ?

answered Aug 14 '17 at 06:21

kyun

9,710
9
31
66

console.table (at least in firefox) seems to be limited to 10 columns – Jaromanda X Aug 14 '17 at 06:25
exactly, plus I can't use console.table – Jonas Juksta Aug 14 '17 at 06:55

score 0 · Answer 2 · answered Aug 14 '17 at 06:27

The trick is to use another string contain spaces to join your string.

You can have a look at this: Here

Short answer:

var str = ""; //your string
var pad = "0000"; //the buffer string
var ans = pad.substring(0, pad.length - str.length) + str //get the length of your buffer and minus your string to get the remaining '0'.

score 0 · Answer 3 · answered Aug 14 '17 at 06:55

Here is a formatted table inside your console:

console.log(multiplicationTable(12));

function multiplicationTable(max) {
  var i, j;
  document.write("<table border='1'>");
  for (i = 1; i <= max; i++) {
    document.write("<tr>");
    for (j = 1; j <= max; j++) {
      document.write("<td>" + i * j + "</td>");
    }
    document.write("</tr>");
  }
  document.write("</table>");
}

Printing a formatted multiplication table to the console

3 Answers3