Skapa dynamisk tabell med JavaScript..Hjälp sökes

Hej! Har problems med en DOM tabell som ska kunna visa input i en rad om 4 celler, alltså 4 olika värden om t ex en soffa (ex färg, storlek, pris).
Har gjort en div i html för tabellen men skapar rader och celler i js-filen....
Alltså man skriver in data i 4 inputfält, trycker på en knapp, vilka placeras i varsin cell på en rad... Och gärna en beskrivande text över varje kolumn i tabellen: färg, storlek, pris.

Har fått till en dynamisk tabell men får inte till själva input-lösningen. All hjälp mottages tacksamt!
Här är min js-kod:

var product = new Array();

function table(){

var tableC = document.getElementById("tabellen i html");

product[0] = document.getElementById("x1").value;
product[1] = document.getElementById("x2").value;
product[2] = document.getElementById("x3").value;
product[3] = document.getElementById("x4").value;

//skapa table och tbody
var tbl = document.createElement("table");

var tblBody = document.createElement("tbody");
tbl.cellPadding = "8px";

// skapa cells
for (var j = 0; j < product.length; j++) {

// skapa rad
var row = document.createElement("tr");

for (var i = 0; i < product.length; i++) {

//skapa td element

var cell = document.createElement("td");
var text = document.createTextNode("vet att detta är fel, men har provat mig fram");
cell.appendChild(text);
row.appendChild(cell);
}

tblBody.appendChild(row);
}

tbl.appendChild(tblBody);

tableC.appendChild(tbl);

tbl.setAttribute("border", "3");

}
function buttonA() {

//Eller ska jag istället använda: document.getElementById("buttonA").onclick = "functionName?"

}

function onLoad() {
document.getElementByName("button")[0].onclick = buttonA;
};

window.onload(...)