使用来自字符串数组的字符填充HTML表

Question

I need to create a 2*50 cell table and populate it with string literal pre-stored in a JavaScript array.

I have stored the string in an array and created a table. I am unable to populate it.

 //string literal pre-stored in a javascipt array
 var proverbs = ["Love sees no faults", "friend in need is a friend indeed"];
 var txt= proverbs[0];

 document.write('<table id= "tab" border="1" cellspacing="1" cellpadding="30">')
 for(i = 0; i < 50; i++){
    document.write('<tr>')
    document.write('<td>')
    document.write('<td>')
    document.write('</tr>')
 }

 for (i = 0; i < txt.length; i++) {
   tab +=  document.write("<tr><td>" + txt[i] + "</td></tr>");
 } 

 document.write('</table>')

This does not work. Ho w do I now populate the table. The last for loop I wrote is to fill up the table cells, one char per cell. Can anyone tell how do I implement it.

Answer 1

Your code looks like it's missing a few things.

1st problem: var proverbs = ["Love sees no faults", "friend in need is a friend indeed"]; var txt= proverbs[0];

You assign proverbs sub 0 to txt. That's fine, the value of txt is now "Love sees no faults". But, later you reference txt[i].

2nd problem

for (i = 0; i < txt.length; i++) {
  tab +=  "<tr><td>" + txt[i] + "</td>";
}

you don't close the tr tag. But then also you don't do anything with tab.

I think you are printing an empty table.