Javascript массив написать HTML таблицу

Question

Я пытаюсь создать таблицу следующим образом: картина здесь: http://speedy.sh/JahdC/Screen-Shot-2013-03-28-at-8.12.08-PM.png

___________________________________ 
|function|X|Y|function(x,y)  | 
|x+y |rndX|rndY|Result of function| 
|x+1 | "" "" "" 
|x/y | "" "" "" 
|x%y 
|square root(x^2 + y^2) 
|x^2 
|10*x + y/2 
|SUM of all results 

код, который я в настоящее время является: http://jsfiddle.net/wMF5M/10/

<table id="content" border="1"></table> 

function RandX() { 
var x = Math.floor(Math.random() * 300); 
return x; 
} 

function RandY() { 
var y = Math.floor(Math.random() * 300); 
return y; 
} 

var math1 = function (x, y) { 
return x * y; 
}; 
var math2 = function (x, y) { 
return x + 1; 
}; 
var math3 = function (x, y) { 
return x/y; 
}; 
var math4 = function (x, y) { 
return x % y; 
}; 
var math5 = function (x, y) { 
return math.sqrt(x^2 + y^2); 
}; 
var math6 = function (x, y) { 
return x^2; 
}; 
var math7 = function (x, y) { 
return (10 * x) + (y/2); 
}; 
var math8 = function (x, y) { 
return ((x * y) + (x + 1) + (x/y) + (x % y) + 
(math.sqrt(x^2 + y^2)) + (x^2) + ((10 * x) + (y/2))); 
}; 
// the function above is supposed to add the results of all functions together, 
and push into the array to be displayed 
var maths = []; 

maths.push(math1); 
maths.push(math2); 
maths.push(math3); 
maths.push(math4); 
maths.push(math5); 
maths.push(math6); 
maths.push(math7); 
maths.push(math8); 
//maths[0](RandX,2);//return RandX* RandY 
//maths[1](3,4);//12 - put random numbners here? 



var content = document.getElementById("content"); 
var tr = document.createElement("tr"); 
for (var i = 0; i < maths.length; i++) { 

    var td = document.createElement('td'); 
    td.innerHTML = +maths[0](RandX(), RandY()); 
    tr.appendChild(td); 
} 
content.appendChild(tr); 

Используя этот метод, насколько я пишу первую строку таблицы, сохраняя это форматирование?

Answer 1

Вы можете использовать некоторые онлайн генератор уравнение LaTeX, чтобы сделать уравнение изображения из простого LaTeX , Например, http://latex.codecogs.com/gif.latex.

Проверьте это jsFiddle. Это довольно близко к формату изображения.

Answer 2

Если заполнение строки таблицы динамически, поместите код внутри таблицы тегов, как так ...

<table> 

----start code to write row 
----<tr><td> $result </td></tr> 
----loop 
----end of code 

</table>