Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .ime
    {
      margin-right: 10px;
    }
</style>
<script>
    function zacuvaj() {

        var datum = document.getElementById('datum').value;
        var tabela = document.getElementById('tabela');
        for (var i = 0; i < datum.length; i++) {
            if (datum % 1000 <= 2002) {
                document.write("greshka");
            } else {
                datum.push(tabela);
            }

            var cell = document.createElement('td');
            var cell1 = document.createElement('td');
            var cell2 = document.createElement('td');
            var cellText=document.createTextNode('ime');
            var cellText1=document.createTextNode("przime");
            var cellText2=document.createTextNode('poeni');
            cell.appendChild(cellText);
            cell1.appendChild(cellText1);
            cell2.appendChild(cellText2);
            cell.style.backgroundColor='green';
            cell1.style.backgroundColor='blue';
            cell2.style.backgroundColor='pink';
             }
        var name=document.getElementById('ime').value;
        var prezime =document.getElementById('prezime').value;
        var poeni = document.getElementById('poeni').value;

        // for(i = 0 ; i < poeni.length ; i ++)
        // {
        //     if(poeni[i] > poeni[i+1] )
        // }
    }
</script>
<body>
<div>
Name <input type="text" id="ime"> <br>
Surname <input type="text" id="prezime"> <br>
Date of Birth<input type="date" id="datum"> <br>
Points <input type="text" id="poeni"> <br>
<button onclick="zacuvaj ()">Save</button>
    <table id="tabela">
        <tr>
            <th>

            </th>
        </tr>
    </table>
</div>
</body>
</html>