Adding new cells to table with Javascript
<p>How do I add a new cell to my table using Javascript? The text entered to the <strong>bowlersName</strong> should be the text for the new cell.</p>

<pre><code>&lt;script type="text/javascript"&gt;
/* &lt;![CDATA[ */
/* ]]&gt; */
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!--  HEADER 1 &amp; 2  --&gt;
&lt;h1&gt;Central Valley Lanes&lt;/h1&gt;
&lt;h2&gt;2008 Bowling Teams&lt;/h2&gt;


Bowler's name &lt;input type="text" name="bowlersName" size="15" /&gt;&lt;input type="button" value="Add Bowler" /&gt;
&lt;h2&gt;Team Roster&lt;/h2&gt;
&lt;form action="FormProcessor.html" method="get"&gt;
&lt;table border="1" id="bowlerList"&gt;
&lt;tr&gt;&lt;td id="empty"&gt;Your team roster is empty&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;br /&gt;
&lt;input type="button" value="Submit Roster" /&gt;
&lt;/form&gt;
</code></pre>
