Skripta

function getParams(){
    var name=document.getElementById("name");
    var index=document.getElementById("index");
    var phone=document.getElementById("phone");
    var ocenki=document.getElementsByName("grade");
    for(var i=0;i<ocenki.length;i++){
        if(ocenki[i].checked){
            var grade=ocenki[i].value;
        }
    }
    var session=document.getElementById("session");
    if(name.value=="" || index.value=="" || phone.value=="" || grade=="" || session ==""){
        alert("Popolnete gi site polinja");
    }else{
        var row=document.createElement("tr");
        var cell1=document.createElement("td");
        var cell2=document.createElement("td");
        var cell3=document.createElement("td");
        var cell4=document.createElement("td");
        cell4.setAttribute('name','cost');
        var cell5=document.createElement("td");
        var cell6=document.createElement("td");
        var button1=document.createElement("button");
        var buttonText=document.createTextNode("Confirm");
        button1.appendChild(buttonText);
        button1.setAttribute('onclick','colorRow(this)');
        var button2=document.createElement("button");
        var button2Text=document.createTextNode("Revert");
        button2.appendChild(button2Text);
        button2.setAttribute('onclick','deleteRow(this)');
        var cellText1=document.createTextNode(name.value);
        var cellText2=document.createTextNode(index.value);
        var cellText3=document.createTextNode(phone.value);
        var cellText4=document.createTextNode(grade);
        var cellText5=document.createTextNode(session.value);
        var tabela = document.getElementById("tabela");
        cell1.appendChild(cellText1);
        cell2.appendChild(cellText2);
        cell3.appendChild(cellText3);
        cell4.appendChild(cellText4);
        cell5.appendChild(cellText5);
        cell6.appendChild(button1);
        cell6.appendChild(button2);
        row.appendChild(cell1);
        row.appendChild(cell2);
        row.appendChild(cell3);
        row.appendChild(cell4);
        row.appendChild(cell5);
        row.appendChild(cell6);
        tabela.appendChild(row);
        sum();
        name.value="";
        index.value="";
        phone.value="";
        grade.value="";
        session.value="";
    }

}
function colorRow(row){
    var tr=row.parentNode;
    tr.parentNode.style.backgroundColor='lightgreen';
    row.setAttribute('disabled','true');
    row.parentNode.lastElementChild.setAttribute('disabled','true');
}
function deleteRow(ref){
    var tr=ref.parentNode.parentNode;
    tr.parentNode.removeChild(tr);
    var index=document.getElementById('index').value;
    var ocenki=document.getElementsByName('grade');
    for(var i=0;i<ocenki.length;i++){
        if(ocenki[i].checked){
            var grade=ocenki[i].value;
        }
    }
    var lista=document.getElementById('history');
    var li=document.createElement("li");
    var text=document.createTextNode(index + '- grade' + grade);
    li.appendChild(text);
    lista.appendChild(li);
    sum();
}
function sum(){
    var items = document.getElementsByName('cost');
    var sum=0;
    var suma=0;
    for(var i=0;i<items.length;i++){
        sum+=parseFloat(items[i].innerHTML);
    }
    suma=sum/items.length;
    var avg=document.getElementById('average').innerText="Students (average grade: "+suma+")";
}