lab 4.1

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Zadaca1</title>
  <style>
    label{
      display: inline-block;
      padding: 0px 0px 9px 0px;
      width:75px;
    }
    button{
      display: inline-block;
      margin-left: 180px;
    }
    table,th{
      border: solid black 1px;
    }
  </style>
</head>
<body>
<div id="form">
  <label>Име:</label><input type="text" id="name"  class="e" name="name" maxlength="10"><br>
  <label>Презиме:</label><input type="text" id="prezime" name="prezime" maxlength="20"><br>
  <label>Индекс:</label><input type="text" id="index" name="index" maxlength="10"><br>
  <label>Премет:</label><input type="text" id="predmet" name="predmet" maxlength="25"><br>
  <label>Оценка:</label><select id="ocenka">
  <option value="5(пет)">5(пет)</option>
  <option value="6(шест)">6(шест)</option>
  <option value="7(седум)">7(седум)</option>
  <option value="8(осум)">8(осум)</option>
  <option value="9(девет)">9(девет)</option>
  <option value="10(десет)">10(десет)</option>
</select><br>
  <button id="kopce" onclick="vnesi();">Внеси</button>
</div>
<div>
  <table id="tabela">
    <tr>
      <th>Име</th>
      <th>Презиме</th>
      <th>Индекс</th>
      <th>Премет</th>
      <th>Оценка</th>
    </tr>
  </table>
</div>
</body>
</html>
  <script>
    var studenti = [];
    var i = 0;
    function vnesi() {
      var ime = document.getElementById('name').value;
      var prezime = document.getElementById('prezime').value;
      var index = document.getElementById('index').value;
      var predmet = document.getElementById('predmet').value;
      var ocenka = document.getElementById('ocenka').value;

      if(ime !="" && prezime!="" && index!="" && !isNaN(index)  && predmet!=""){
        studenti[i] = new Student(ime, prezime, index, predmet, ocenka);
        i++;
        var a = document.getElementById('tabela');
        a.innerHTML = a.innerHTML + "<tr><th>"+ime+"</th>"+"<th>"+prezime+"</th>"+"<th>"+index+"</th>"+"<th>"+predmet+"</th>"+"<th>"+ocenka+"</th></tr>";
        reset();
      }
      else {
        alert("Ne vi se potpolneti site polinja ili ne ste vneli validni podatoci!");
        return;
      }
    }
    function Student(ime, prezime, index, predmet, ocenka) {
      this.ime = ime;
      this.prezime = prezime;
      this.index = index;
      this.predmet = predmet;
      this.ocenka = ocenka;
    }
    function reset() {
      document.getElementById('name').value = "";
      document.getElementById('prezime').value = "";
      document.getElementById('index').value = "";
      document.getElementById('predmet').value = "";
    }
  </script>