Home/ Questions/Q 7926137
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T18:37:45+00:00

I try to generate a table dynamically, based on an user input. The idea

  • 0

I try to generate a table dynamically, based on an user input. The idea is for the user to insert the number of rows and the html is generated automatically.

I have made some code and debugged it with jslint, however it does not work, although in jslint there are no significant errors. What am I doing wrong?

The code is as follows:

<body style="background-color: #777; color: ddd;">
    <div style="margin: 20px;">
        <h1>Program de calculare determinant matrice de orice grad.</h1>
    </div>
    <div>
        Introduceti gradul matricii
        <input id="grad" type="text" value="" onChange="readGrad ()" >            
        <input style="margin-top: 20px;" type="button" name="Calculate determinant" value="Generati tabel" onClick="genTable (k,k)">
    </div>
    <form name="Det Matrice">
        <div style="margin-top: 100px; float: left; width: 100%;">
            Introduceti valorile:
            <table style="text-align: center;">
                <tr id="container"></tr>
            </table>
            <br>
        </div>
        <div style="float: left; margin-top: 20px;">            
            <input type="button" name="Calculate determinant" value="Calculati determinant" onClick="calcDet (k,k);">
        </div>
    </form>    
</body>

<script>
function readGrad() {
    var k = parseInt(document.getElementById("grad").value);
    if (isNaN(k)) {
        alert('Gradul introdus nu este intreg, reintroduceti gradul matricii');
    }
}

function genTable(i, j) {
    var myTable = '<TABLE BORDER="1">\n <TBODY>\n';
    for (i = 0; i < k; i++) {
        myTable += '  <TR>\n';
        for (j = 0; j < k; j++) {
            myTable += '    <TD> @ </TD>\n';
        }
        myTable += '  </TR>\n';
    }
    myTable += ' </TBODY>\n</TABLE>\n';
    document.getElementById('container').innerHTML = myTable;
}
</script>

it can also be checked here:
http://jsfiddle.net/pYc4P/18/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    instead of onClick="calcDet (k,k);"> do onClick="genTable(k,k);">

    then :

    var k;
function readGrad() {
    k = parseInt(document.getElementById("grad").value);
    if (isNaN(k)) {
        alert('Gradul introdus nu este intreg, reintroduceti gradul matricii');
    }
}

    instead of :

      <table style="text-align: center;">
        <tr id="container"></tr>
    </table>

    do <div id="container"></div>

    demo : http://jsfiddle.net/pYc4P/20/

    • 0