JSFiddle - React, Tailwind, and code Playground

by Adrian-Stefan Mihai

HTML

<table id="myTable" border="1" style="width:100%">
    <th>Nr.crt</th>
    <th>Nume si preunme</th>
    <th>Nota mate</th>
    <th>Nota romana</th>
    <th>Media</th>
</table>

<p id="media" </p>

JavaScript

var grupa10405 = [
     {nume:"Mihai", prenume:"Stefan", notaMate:9, notaRomana:  8}, 
     {nume:"Negut", prenume:"Mihaela", notaMate:8, notaRomana: 10},
     {nume:"Naidin", prenume:"Alin", notaMate:7, notaRomana: 6},
     {nume:"Pasca", prenume:"Vlad", notaMate:10, notaRomana: 10},
     {nume:"Mitrut", prenume:"Mihai", notaMate:9, notaRomana: 9},
     {nume:"Popa", prenume:"Cosmin", notaMate:7, notaRomana:6}
    ];


var table = document.getElementById("myTable");
for (var i = 0; i<grupa10405.length; i++) {
    var row = table.insertRow(i+1);
    var nrCrt = row.insertCell(0);
    nrCrt.innerHTML = i+1;
    var nume = row.insertCell(1);
    nume.innerHTML = grupa10405[i].nume + " " + grupa10405[i].prenume;
    var notaMate = row.insertCell(2);
    notaMate.innerHTML = grupa10405[i].notaMate;
    var notaRomana = row.insertCell(3);
    notaRomana.innerHTML = grupa10405[i].notaRomana;
    var medie = row.insertCell(4);
    medie.innerHTML = (grupa10405[i].notaMate + grupa10405[i].notaRomana) / 2;
}

var sumaNotelor = 0;
for (i = 0; i<grupa10405.length; i++) {
    sumaNotelor += grupa10405[i].notaMate + grupa10405[i].notaRomana;
}
document.getElementById("media").innerHTML = "Media tuturor mediilor este: " + sumaNotelor / (grupa10405.length * 2);