StefiIOE

IPKS prv kol 2017 prva verzija

Aug 11th, 2020
1,174
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>Title</title>
  6. </head>
  7. <script>
  8.  
  9.  
  10.     function suma() {
  11.         var items=document.getElementsByName('cost');
  12.         var sum = 0 ;
  13.         var Suma = 0 ;
  14.         for (var i = 0 ; i < items.length ; i ++){
  15.             sum += parseFloat(items[i].innerHTML);
  16.         }
  17.         Suma=sum/items.length;
  18.         var average = document.getElementById('average').innerText = 'Students (average grade '+ Suma+')';
  19.     }
  20.  
  21.  
  22.     function funkcija() {
  23.         var name = document.getElementById('name').value;
  24.         var index = document.getElementById('index').value;
  25.         var phone = document.getElementById('phone').value;
  26.         var Grade = document.getElementsByName('grade');
  27.         for (var i = 0; i < Grade.length; i++) {
  28.             if (Grade[i].checked) {
  29.                 var grade = Grade[i].value;
  30.             }
  31.         }
  32.         var sesija = document.getElementById('session').value;
  33.  
  34.         if (name == '' || index == '' || phone == '' || grade == '' || sesija == ''){
  35.  
  36.             alert("Ne se popolneti site polinja");
  37.     }
  38.         else
  39.         {
  40.             var row = document.createElement('tr');
  41.             var cell1=document.createElement('td');
  42.             var cell2=document.createElement('td');
  43.             var cell3=document.createElement('td');
  44.             var cell4=document.createElement('td');
  45.             cell4.setAttribute('name', 'cost');
  46.             var cell5=document.createElement('td');
  47.             var cell6=document.createElement('td');
  48.             var button = document.createElement('button');
  49.             var text = document.createTextNode('Confirm');
  50.             var button1 = document.createElement('button');
  51.             var text1 = document.createTextNode('Remove');
  52.             button1.setAttribute('onclick','removeRow(this)');
  53.             button.setAttribute('onclick','paintRow(this)');
  54.             button.appendChild(text);
  55.             button1.appendChild(text1);
  56.  
  57.             var cellText1 = document.createTextNode(name);
  58.             var cellText2 = document.createTextNode(index);
  59.             var cellText3 = document.createTextNode(phone);
  60.             var cellText4 = document.createTextNode(grade);
  61.             var cellText5 = document.createTextNode(sesija);
  62.  
  63.  
  64.             var tabela = document.getElementById('tabela');
  65.  
  66.             cell1.appendChild(cellText1);
  67.             cell2.appendChild(cellText2);
  68.             cell3.appendChild(cellText3);
  69.             cell4.appendChild(cellText4);
  70.             cell5.appendChild(cellText5);
  71.             cell6.appendChild(button);
  72.             cell6.appendChild(button1);
  73.             row.appendChild(cell1);
  74.             row.appendChild(cell2);
  75.             row.appendChild(cell3);
  76.             row.appendChild(cell4);
  77.             row.appendChild(cell5);
  78.             row.appendChild(cell6);
  79.             tabela.appendChild(row);
  80.         }
  81.         suma();
  82.     }
  83.  
  84. function removeRow(ref) {
  85.         tr=ref.parentNode.parentNode;
  86.         tr.parentNode.removeChild(tr);
  87.         var index=document.getElementById('index').value;
  88.         var grade = document.getElementsByName('grade');
  89.         for(var i = 0 ; i < grade.length ; i ++){
  90.             if(grade[i].checked)
  91.                 var ocena= grade[i].value;
  92.         }
  93.  
  94.         var lista =document.getElementById('history');
  95.         var li = document.createElement('li');
  96.         var text = document.createTextNode(index+'- grade'  + grade);
  97.         li.appendChild(text);
  98.         lista.appendChild(li);
  99.         suma();
  100.  
  101. }
  102. function paintRow(ref) {
  103.         tr=ref.parentNode;
  104.         tr.parentNode.style.backgroundColor='green';
  105.         ref.setAttribute('disabled' , 'true');
  106.         ref.parentNode.lastElementChild.setAttribute('disabled' , 'true');
  107.  
  108.  
  109. }
  110. </script>
  111. <style>
  112.     div
  113.     {margin-top: 10px;
  114.     }
  115.     label{
  116.         display: inline-block;
  117.     width: 100px;}
  118. </style>
  119. <body>
  120.  
  121.  
  122. <h2>Revert history</h2>
  123. <ul id="history">
  124.  
  125. </ul>
  126. <div><label>Name</label><input id="name" type="text"></div>
  127. <div><label>Index</label><input id="index" type="text"></div>
  128. <div><label>Phone</label><input id="phone" type="text"></div>
  129. <div><label>Grade</label><input type="radio" name="grade" value="5">5
  130.     <input type="radio" name="grade" value="6">6
  131.     <input type="radio" name="grade" value="7">7
  132.     <input type="radio" name="grade" value="8">8
  133.     <input type="radio" name="grade" value="9">9
  134.     <input type="radio" name="grade" value="10">10<br>
  135.  
  136.     </option>
  137. </div>
  138.  
  139. <div><label>Session</label>
  140. <select id="session">
  141.     <option value="January">January</option>
  142.     <option value="September">September</option>
  143.     <option value="June">June</option>
  144. </select>
  145. </div>
  146. <button onclick="funkcija()">Import Students</button>
  147.  
  148. <table id="tabela">
  149.     <tr>
  150.         <th>Name</th>
  151.         <th>Index</th>
  152.         <th>Phone</th>
  153.         <th>Grade</th>
  154.         <th>Session</th>
  155.         <th>Actions</th>
  156.     </tr>
  157.  
  158.  
  159. </table>
  160. </body>
  161. </html>
  162.  
  163.  
  164.  
RAW Paste Data