Kolokviumska

//HTML
<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='style.css'>
    <script src='script.js'></script>
</head>


<body>
<p>Name</p>
<input type="text" id="name">

<p>Surname</p>
<input type="text" id="surname">

<p>EMBG</p>
<input type="text" id="embg">

<div>
   <button onclick="add()">Add</button>
</div>

<table id="table">

</table>

</body>
</html>

//JS

function add()
{
    var name=document.getElementById("name")
    name=name.value;

    var surname=document.getElementById("surname")
    surname=surname.value;

    var embg=document.getElementById("embg")
    embg=embg.value;


   if(!name || !surname || !embg)
   {
       alert("Popolnete gi site podatoci");
       return;
   }
   var datum=parse_embg(embg);
   if(!datum)
   {
       alert("nepravilen maticen broj");
       return;
   }
   //prv nacin
   /*
   var table=document.getElementById("table")
   table.innerHTML+="<tr><td>"+name+"</td><td>"+
   surname+"</td><td>"+embg+"</td></tr>";
   */
   //vtor nacin
   var row=table.insertRow();
   var cell=row.insertCell();
   cell.innerHTML=name;
   var cell2=row.insertCell();
   cell2.innerHTML=surname;
   var cell3=row.insertCell();
   cell3.innerHTML=datum;
   cell3.innerHTML="<button onlick='remove(this)'>Remove</button>"
  // row.style.background="green";
}
   function parse_embg(embg)
   {
       if(embg.length!=13)
       {
           return false;
       }
       temp_embg=embg;
       embg=parseInt(embg);
       if(isNaN(embg))
       {
           return false;
       }

       var godina=Math.floor((embg/1000000)%1000);
       console.log(godina);
       var mesec=Math.floor((embg/1000000000)%100);
         console.log(mesec);
       var den=Math.floor(embg/100000000000);
        console.log(den);


        if(den>=1 && den<=31 && mesec>=1 && mesec<=12 && godina>=900)
        {
            return den+"."+mesec+"."+(1000+godina);
        }
        else return false;
   }

   function remove(element)
   {
       var redica=element.parentNode.parentNode;
       redica.parentNode.removeChild(redica);
   }