API tools faq
paste
Advertisement
StefiIOE

IPKS prv kol 2017 prva verzija

StefiIOE
Aug 11th, 2020
1,337
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 4.98 KB | None | 0 0
raw download clone embed print report
  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.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!