Según veo no es necesario usar js, simplemente cargar completamente la página.
Pero acá un posible js para lo que pides, y dime que te parece...
Código Javascript
:
Ver originalvar achvs = [[3, "Logro 1"],[5, "Logro 2"], [7, "Logro 3"], "Logro 4"]; //el numerito que acompaña es el valor max. del rango del logro.
function achievements(id, id2){
var table = document.getElementById(id);
var table2 = document.getElementById(id2);
var rows = table.getElementsByTagName("tr");
for(var k=1; k<rows.length; k++){
var cols = rows[k].getElementsByTagName("td");
var prom = 0;
var student = cols[0].innerHTML;
for(var n=1; n<cols.length-1; n++){
prom += parseInt(cols[n].innerHTML);
}
prom /= 4;
cols[cols.length-1].innerHTML = prom;
var nRow = document.createElement("tr");
var nCol1 = document.createElement("td");
var nCol2 = document.createElement("td");
var ach = achvs[achvs.length-1];
for(var n=0; n<achvs.length; n++){
if(prom <= achvs[n][0]){
ach = achvs[n][1];
break;
}
}
nCol1.innerHTML = student;
nCol2.innerHTML = ach;
nRow.appendChild(nCol1);
nRow.appendChild(nCol2);
table2.appendChild(nRow);
}
}
Código HTML:
Ver original
<input value="Cargar logros" type="button" onclick="achievements('table', 'table2');" />
Saludos, espero sirva.