HTML-Tables-Generation/main-no-compress.js at master · MatviyRoman/HTML-Tables-Generation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
/*Get information all cells*/

$(document).keyup(function() {
    var tdRows = $('#inputTd').val();
    var trColl = $('#inputTr').val();
    var tdRows = $('#inputTd').val();
    var allCells = trColl * tdRows;
    $('.allCells').text(allCells);
});

/*Get information user input*/

$(document).ready(function() {

    $("#inputTr").keyup(function() {
        $(".resultTr").text($("#inputTr").val());
    });
    $('#inputTd').keyup(function() {
        $('.resultTd').text($('#inputTd').val());
        $('#result').show();
    });
});

/*Tables generation last version*/

$(window).on('load', function() {

    $('#btn').click(function() {

        $('#tablesSource').empty();
        $('#tablesCode').empty();

        $('#tablesResult').show();

        var trColl = $('#inputTr').val();
        var tdRows = $('#inputTd').val();

        $('#tablesSource').append('&lt;table&gt;');
        $('#tablesCode').append('<table>');

        for (a = 1; a <= tdRows; a++) {

            $('#tablesSource').append('&lt;tr&gt;');
            $('#tablesCode').append('<tr>');

            for (b = 1; b <= trColl; b++) {

                $('#tablesSource').append('&lt;td&gt;' + b + '\) result' + '&lt;/td&gt;');
                $('#tablesCode').append('<td>' + b + '\) result ' + '</td>');
            }

            $('#tablesSource').append('&lt;/tr&gt;');
            $('#tablesCode').append('</tr>');
        }

        $('#tablesSource').append('&lt;/table&gt;');
        $('#tablesCode').append('</table>');

    });
});