JSFiddle - React, Tailwind, and code Playground

(Pure JS) Set a maximum value, then use javascript to generate row & column arrays that go up to that value & multiply them against each other to create a multiplication table

by Don Schaefer

HTML

<table id="tblData"></table>

CSS

#tblData td {
    padding: 5px;
    border: 1px solid #000;
}

JavaScript

var maxValue = 9;

var rows = [];
var columns = [];

for(i = 1; i < maxValue+1; i++){
    rows.push(i);
    columns.push(i);
}

var table = document.getElementById('tblData');

for(i = 0; i < rows.length; i++){
    var row = table.insertRow(i);
    for(j = 0; j < columns.length; j++){
        var dataValue = rows[i] * columns[j];
        var cell = row.insertCell(j);
        cell.innerHTML += dataValue;
    }
}