Can anyone help me convert a table such as this example into a dynamic one in javascript by using the for loop? : ## Heading Can anyone help me learn how to convert an html table into a dynamic javascript table using the for loop?? This is an example i found in my book and wanted to see how i could go about doing this. Thank you!!!##


----------
## Heading There are sections of the table that need to have the rows combined and he colums combined. I have been struggling with this for some time. Any help would be appreciated. I did not include the the CSS portion of the code only the table. ##


----------


    <html>
    <body>
    <table class="table">
    	<tr>
    		<th colspan= "3" class= "MH">Conversion Tables</th>
    	</tr>
    	
    	<tr>
    		<th rowspan="3" class="heading1">Meters to 
    		<br />Feet</th>
    		<td>1 meter</td>
    		<td>3.28 feet</td>
    	</tr>
    
    	<tr class="difrow">
    		<td>50 meters</td>
    		<td>164.04 feet</td>
    	</tr>
    
    	<tr>
    		<td>100 meters</td>
    		<td>328.08 feet</td>
    	</tr>
    
    	<tr class="difrow">
    		<th rowspan="3" class="heading1">Kilometers to
    		<br />Miles</th>
    		<td>1 kilometer</td>
    		<td>0.62 miles</td>
    	</tr>
    
    	<tr>
    		<td>50 kilometers</td>
    		<td>31.07 miles</td>
    	</tr>
    
    	<tr class="difrow">
    		<td>100 kilometers</td>
    		<td>62.14 miles</td>
    	</tr>
    </table>
    </body>
    </html>