Javascript html table not showing

[mermeliz]

I've been trying to total a list of die rolls (sum of pairs) in a table using javascript to avoid hard-coding 11 rows in my html page and accessing each row seperately later in the js file to add the values.So I used a loop and document.writeln() to do this in a more compact way but the output doesn't show the table or anything.\[code\]document.writeln("<table border=\"1\"><thead><tr><th>Sum of Dice</th><th>Total Times Rolled</th></tr></thead><tbody>");for (var i=0; i < 11; i++){ document.writeln("<tr><td>2</td><td></td></tr>");}document.writeln("</tbody></table>");\[/code\]The rows shouldn't all start with 2, I only used that number as a test and the second tag in the for loop is for the totals that I already have in an array but my issue is with displaying the table.