Estoy armando una tabla que reciba datos desde un modal, con dos selectores y un input. La tarea hasta ahí es fácil. Logré que el modal cargara las notas en la celda correspondiente. Ahora, no sé como realizar la tarea de poner el promedio en la última columna de la tabla. No se si se puede usando sólo javascript o es más cómodo jquery.
No soy capaz de poder tomar los valores agregados a cada celda para luego realizar la operación de promedio.
function submitgrade(){
var nramo = document.getElementById("ramo").value;
var nnota = document.getElementById("nota").value;
var valornota = parseInt(document.getElementById("grade").value);
var verificador = nramo + nnota;
document.getElementById(verificador).innerHTML = valornota;
}
<!--tabla-->
<section class="container pt-5 pb-5">
<table class="table table-striped table-responsive mt-5">
<thead>
<tr>
<th scope="col">Ramo</th>
<th scope="col">Nota 1</th>
<th scope="col">Nota 2</th>
<th scope="col">Nota 3</th>
<th scope="col">Promedio</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row">HTML</td>
<td id="ramo1nota1"></td>
<td id="ramo1nota2"></td>
<td id="ramo1nota3"></td>
<td id="ramo1promedio"></td>
</tr>
<tr>
<td scope="row">CSS</td>
<td id="ramo2nota1"></td>
<td id="ramo2nota2"></td>
<td id="ramo2nota3"></td>
<td id="ramo2promedio"></td>
</tr>
<tr>
<td scope="row">JavaScript</td>
<td id="ramo3nota1"></td>
<td id="ramo3nota2"></td>
<td id="ramo3nota3"></td>
<td id="ramo3promedio"></td>
</tr>
</tbody>
</table>
</section>
</body>
</html>
verificador
en la cual quieres escribirvalornota
. Es posible que esta línea:document.getElementById(verificador).innerHTML = valornota;
este malverificador
no es un ID es una variable. No está explicitado pero tengo un modal donde las opciones para seleccionar ramo y nota están valorizados y la tabla que recepciona la nota, cada<td>
está individualizado con un ID que corresponde a la mezcla de "ramo1, 2, 3" y "nota1, 2, 3". He logrado poder hacer que el input cargue las notas sin problemas en la tabla. Mas no se como promediar