create_table.js

!(function() {
    'use strict';

    var fruits = [
        { apple: 100, pear: 23, cherry: 40 },
        { apple: 400, pear: 34, cherry: 90 },
        { apple: 20, pear: 60, cherry: 100 },
    ];

    var header = ['яблоки', 'груши', 'вишенка'];

    var table = document.createElement('TABLE');
    var thead = document.createElement('THEAD');
    var tbody = document.createElement('TBODY');

    var tr = null;
    var i = 0;

    tr = document.createElement('TR');
    for (i = 0; i < header.length; ++i) {
        var th = document.createElement('TH');
        var text = document.createTextNode(header[i]);
        th.appendChild(text);
        tr.appendChild(th);
    }
    thead.appendChild(tr);

    for (i = 0; i < fruits.length; ++i) {
        tr = document.createElement('TR');

        var row = fruits[i];
        var keys = Object.keys(row);

        for (var j = 0; j < keys.length; ++j) {
            var key = keys[j];
            var td = document.createElement('TD');
            var tdText = document.createTextNode(row[key]);

            td.appendChild(tdText);
            tr.appendChild(td);
        }

        tbody.appendChild(tr);
    }

    document.addEventListener('DOMContentLoaded', function() {
        table.appendChild(thead);
        table.appendChild(tbody);
        window.document.body.appendChild(table);
    });
})();