Question

I’m VERY new to HTML, and any web development for that matter, so sorry if this question is super easy. In what I have done so far, I take a few inputs from users, do some calculations on them (using a javascript function I declared in the head tag), and spit out an answer. While doing the calculations, I store values in arrays, and I would like for the user to be able to see what is in these arrays. I want to display these values in tables. But, I have no idea how to put the values of the arrays in the display for the table. I’m aware that this is how a table works:

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

But I would like to put my values where it says “row 1, cell 1” etc.
From what I understand, the table tag has to be used in the body part of the HTML code (please tell me if I’m wrong!) so I don’t know how to do this. I can’t just create the table while calculating my values in my function, right? How can I access the arrays that I created and stored values in in my function? Any help is appreciated!

Answer 1

You can create tables, actually, even with functions, but to simplify, lets use your table already there.

WORKING JSFIDDLE DEMO: http://jsfiddle.net/KEjpe/

JS:

var myjsonobject = { 
                    0: { 0: "row 1 cell 1", 1 : "row 1 cell 2"},
                    1: { 0: "row 2 cell 1", 1 : "row 2 cell 2"} 
                   }

var table = document.getElementsByTagName("table")[0];

var trs = table.getElementsByTagName("tr");

for(i=0;i<trs.length;i++)
{
   var tds = trs[i].getElementsByTagName("td");

   for(j=0;j<tds.length;j++)
   {
      tds[j].innerHTML = myjsonobject[i][j]
   }
}

HTML:

<table border="1">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>