StefiIOE

lab 4.1

Feb 10th, 2020
178
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>Zadaca1</title>
  6.   <style>
  7.     label{
  8.       display: inline-block;
  9.       padding: 0px 0px 9px 0px;
  10.       width:75px;
  11.     }
  12.     button{
  13.       display: inline-block;
  14.       margin-left: 180px;
  15.     }
  16.     table,th{
  17.       border: solid black 1px;
  18.     }
  19.   </style>
  20. </head>
  21. <body>
  22. <div id="form">
  23.   <label>Име:</label><input type="text" id="name"  class="e" name="name" maxlength="10"><br>
  24.   <label>Презиме:</label><input type="text" id="prezime" name="prezime" maxlength="20"><br>
  25.   <label>Индекс:</label><input type="text" id="index" name="index" maxlength="10"><br>
  26.   <label>Премет:</label><input type="text" id="predmet" name="predmet" maxlength="25"><br>
  27.   <label>Оценка:</label><select id="ocenka">
  28.   <option value="5(пет)">5(пет)</option>
  29.   <option value="6(шест)">6(шест)</option>
  30.   <option value="7(седум)">7(седум)</option>
  31.   <option value="8(осум)">8(осум)</option>
  32.   <option value="9(девет)">9(девет)</option>
  33.   <option value="10(десет)">10(десет)</option>
  34. </select><br>
  35.   <button id="kopce" onclick="vnesi();">Внеси</button>
  36. </div>
  37. <div>
  38.   <table id="tabela">
  39.     <tr>
  40.       <th>Име</th>
  41.       <th>Презиме</th>
  42.       <th>Индекс</th>
  43.       <th>Премет</th>
  44.       <th>Оценка</th>
  45.     </tr>
  46.   </table>
  47. </div>
  48. </body>
  49. </html>
  50.   <script>
  51.     var studenti = [];
  52.     var i = 0;
  53.     function vnesi() {
  54.       var ime = document.getElementById('name').value;
  55.       var prezime = document.getElementById('prezime').value;
  56.       var index = document.getElementById('index').value;
  57.       var predmet = document.getElementById('predmet').value;
  58.       var ocenka = document.getElementById('ocenka').value;
  59.  
  60.       if(ime !="" && prezime!="" && index!="" && !isNaN(index)  && predmet!=""){
  61.         studenti[i] = new Student(ime, prezime, index, predmet, ocenka);
  62.         i++;
  63.         var a = document.getElementById('tabela');
  64.         a.innerHTML = a.innerHTML + "<tr><th>"+ime+"</th>"+"<th>"+prezime+"</th>"+"<th>"+index+"</th>"+"<th>"+predmet+"</th>"+"<th>"+ocenka+"</th></tr>";
  65.         reset();
  66.       }
  67.       else {
  68.         alert("Ne vi se potpolneti site polinja ili ne ste vneli validni podatoci!");
  69.         return;
  70.       }
  71.     }
  72.     function Student(ime, prezime, index, predmet, ocenka) {
  73.       this.ime = ime;
  74.       this.prezime = prezime;
  75.       this.index = index;
  76.       this.predmet = predmet;
  77.       this.ocenka = ocenka;
  78.     }
  79.     function reset() {
  80.       document.getElementById('name').value = "";
  81.       document.getElementById('prezime').value = "";
  82.       document.getElementById('index').value = "";
  83.       document.getElementById('predmet').value = "";
  84.     }
  85.   </script>
RAW Paste Data