Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- label
- {
- display:inline-block;
- width:100px;
- }
- div{
- margin-bottom: 4px;
- }
- table,th,td
- {
- border:solid black 2px;
- border-collapse: collapse;
- text-align:center;
- width: 90px;
- }
- </style>
- <script>
- function add()
- {
- let name=document.getElementById("name");
- let index=+document.getElementById("index");
- let phone=document.getElementById("phone");
- let kopce=document.forms[0];
- let grade=0;
- for(var i=0;i<kopce.length;i++)
- {
- if(kopce[i].checked)
- grade+=parseInt(kopce[i].value);
- }
- grade=parseInt(grade);
- let session=document.getElementById("mys");
- if(name==""||index==""||phone==""||grade==""||session=="")
- {
- alert("vnesi podatoci");
- }
- else
- {
- let tableRef=document.getElementById("tabela").getElementsByTagName("tbody")[0];
- let addRow=tableRef.insertRow(tableRef.rows.length);
- let newcell0=addRow.insertCell(0);
- let newcell1=addRow.insertCell(1);
- let newcell2=addRow.insertCell(2);
- let newcell3=addRow.insertCell(3);
- let newcell4=addRow.insertCell(4);
- let newcell5=addRow.insertCell(5);
- let btn1=document.createElement("button");
- let t1=document.createTextNode("Confrim");
- let t2=document.createTextNode("Revert");
- let btn2=document.createElement("button");
- btn1.appendChild(t1);
- newcell5.appendChild(btn1);
- btn2.appendChild(t2);
- newcell5.appendChild(btn2);
- btn2.setAttribute('onclick','deleteRow(this, '+index+','+grade+')');
- newcell3.setAttribute('class','grades');
- btn1.setAttribute('onclick','change_background(this, '+btn2.value+')');
- let m=document.getElementById("phone").value;
- m=parseInt(m);
- var a=m/1000000;
- var b=(m%1000000)/1000;
- var c=m%1000;
- a=parseInt(a);
- b=parseInt(b);
- c=parseInt(c);
- newcell0.innerHTML=name.value;
- newcell1.innerHTML=index.value;
- newcell2.innerHTML=("0"+a+"/"+b+"-"+c);
- newcell3.innerHTML=grade;
- newcell4.innerHTML=session.value;
- name.value="";
- index.value="";
- phone.value="";
- grade="";
- session.value="";
- }
- average();
- }
- function average()
- {
- let sum=0;
- let grades=document.getElementsByClassName("grades");
- for(var i=0;i<grades.length;i++)
- {
- sum+=parseInt(grades[i].innerHTML);
- }
- sum=parseFloat(sum);
- document.getElementById("ocenka").innerHTML=parseFloat(sum/grades.length);
- }
- function change_background(ref, rem)
- {
- let t=ref.parentNode.parentNode;
- t.style.background="yellow";
- ref.setAttribute('disabled','disabled');
- rem.setAttribute('disabled','disabled');
- // let s=ref.parentNode.parentNode.childNodes;
- // s[6].setAttribute('disabled','disabled');
- }
- function deleteRow(ref, index, grade)
- {
- let t=ref.parentNode.parentNode;
- t.parentNode.removeChild(t);
- // let c=t.childNodes;
- document.getElementById("pp").innerHTML=+(index+"-"+"grade "+grade);
- average();
- }
- </script>
- </head>
- <body>
- <h2>Details</h2>
- <div><label>Name</label><input type="text" id="name"></div>
- <div><label>index</label><input type="text" id="index"></div>
- <div><label>phone</label><input type="text" id="phone"></div>
- <div>
- <label>Grade</label>
- <form>
- <input type="radio" name="kopce" value="5">5
- <input type="radio" name="kopce" value="6">6
- <input type="radio" name="kopce" value="7">7
- <input type="radio" name="kopce" value="8">8
- <input type="radio" name="kopce" value="9">9
- <input type="radio" name="kopce" value="10">10
- </form>
- </div>
- </div>
- <div><label>Session</label>
- <select id="mys">
- <option value="january">January</option>
- <option value="June">June</option>
- <option value="september">September</option>
- </select>
- </div>
- <input type="button" value="Import student" onclick="add();">
- <br>
- <br>
- <h2>Students(average grade: <span id="ocenka"></span>)</h2>
- <br>
- <table id="tabela">
- <thead>
- <th>Name</th>
- <th>Index</th>
- <th>Phone</th>
- <th>Grade</th>
- <th>Session</th>
- <th>Actions</th>
- </thead>
- <tbody>
- </tbody>
- </table>
- <h2>Revert history</h2>
- <ul >
- <li class="pp"></li>
- </ul>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement