#Javascript

Question:

 Accept user input for the number of rows and columns in the table and then displays in each cell the (row, column) information for that cell.

The output for 15x15 table should be like this:

 

 

 

 

My code :

function create() {

var row = parseInt(document.getElementById("row").value);

var col = parseInt(document.getElementById("col").value);

 

var tablestart="<table id=myTable border=1>";

var tableend = "</table>";

var trstart = "<tr bgcolor=#FFFFFF>";

var trend = "</tr>";

var tdstart = "<td>";

var tdend = "</td>";

var data="data in cell";

var str1=tablestart + trstart + tdstart + data + tdend + trend + tableend;

document.write(tablestart);

 

for (var r=1;r<row;r+=0.1)

{

document.write(trstart);

for(var c=1; c<col; c++) {

document.write(tdstart+r+ ","+ c+tdend);

}

}

 

But it shows like this:

Please help me to write the code to make it works the same :(

Attachments:

• 1512023764-java.png