Untitled

<!DOCTYPE html>
<html>
<head>

</head>
<BODY>
    <table border=3 id="myTable">
        <caption align=top>Tabela</caption>
            <TR>
                <TH>Liczby</TH>
            </TR>
            <TR>
            <TD>24</TD>
            </TR>
            <tr>
            <TD>42</TD>
            </tr>
            <tr>
            <TD>77</TD>
            </tr>
            <tr>
            <TD>1</TD>
            </tr>
            <tr>
            <TD>-55</TD>
            </tr>
            <tr>
            <TD>43</TD>
            </tr>
            <tr>
            <TD>4</TD>
            </tr>
            <tr>
            <TD>-31</TD>
            </tr>
            <tr>
            <TD>-2</TD>
            </tr>
        </table>

<H1>Formularz</H1>
<FORM>
	Numer początku<INPUT type="number" id="first" name="NazwEdit" size=25><BR>
	Number końca<INPUT type="number" id="second" name="Nazw2Edit" size=25><BR>
	<button type="button" onclick=funkcjaTabela()>Przycisk</button>

</FORM>

<script>
    function funkcjaTabela(){
        var body = document.getElementsByTagName("body")[0];

        var tbl = document.createElement('table');
        var tblBody = document.createElement('tbody');
        tbl.style.width="100px";
        tbl.setAttribute('border','3');
        var firstVal=document.getElementById('first');
        var secondVal=document.getElementById('second');

        if(firstVal.value>=secondVal.value-1){
            alert('Miedzy numerami ma byc odstep min dwoch pól');
        }

        var szukanie = document.getElementById('myTable');
        var odd = firstVal.value;
        odd++;
        var doo = secondVal.value;


        for (var i=odd;i<doo;i++){

            if(szukanie.rows[i].cells.item(0).innerHTML>=0){
            var cellText = document.createTextNode(szukanie.rows[i].cells.item(0).innerHTML);

            var row = document.createElement("tr");

            var cell = document.createElement("td");
            cell.appendChild(cellText);
            row.appendChild(cell);

            tblBody.appendChild(row);
            }
        }

        tbl.appendChild(tblBody);
        body.appendChild(tbl);


    }


</script>
</BODY>
</html>