Estoy realizando un ejercicio en el que tengo que introducir datos a una tabla usando cajas de texto, luego al pulsar un botón me indica cuántas filas fueron agregadas.
Por último, y es la parte en la que me falla, debo indicar de la columna 1 (AULA) cuántos valores corresponden a EJ0
, cuantos valores a EJ1
, EJ2
, EJ3
, EJ4
...
Ejemplo del ejercicio después de insertar algunos datos:
Lo que necesito es, básicamente, contabilizar los valores de la columna con id="aula"
y que me devuelva cuantos valores hay con EJ1
, cuantos con Ej2
, etc...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>tabla HTML con JavaScript</title>
<script src="crearTabla.js"></script>
</head>
<body>
<br><input type="text" name="caja[]" id="aula"> AULA
<br><input type="text" name="caja[]"> EQUIPO
<br><input type="text" name="caja[]"> MOTIVO
<br><br><input type="button" value="Insertar" onclick="insertarTabla()"> </br>
</br>
<table border="1" cellspacing="0" style="border-collapse: collapse;">
<tr>
<th>AULA</th>
<th>EQUIPO</th>
<th>MOTIVO</th>
</tr>
<tbody id="miTabla">
</tbody>
</table>
<br>
<button onclick="cuantasFilas()">Consultar incidencias</button>
<p id="demo"></p>
<p id="demo2"></p>
</body>
</html>
Y archivo javascript:
var cajas = document.getElementsByName("caja[]");
function insertarTabla() {
var fila = "<tr></tr>";
for (key = 0; key < cajas.length; key++)
fila =
fila.substring(0, fila.length - 5) +
"<td>" +
cajas[key].value +
"</td>" +
fila.substring(fila.length - 5);
var elementoTR = document.createElement("tr");
elementoTR.innerHTML = fila;
document.getElementById("miTabla").appendChild(elementoTR);
}
function cuantasFilas() {
var cantidadFilas = document.getElementById("miTabla").rows.length;
document.getElementById("demo").innerHTML =
"Hay " + cantidadFilas + " incidencias.";
var valoresAula = document.getElementById("aula").value;
for (var i = 0; i < valoresAula.length; i++) {
document.getElementById("demo2").innerHTML =
"Prueba valores aula: " + valoresAula[i].search("A1");
}
}
Gracias de antemano.
id="aula"
, solo veo un elemento cuyaid
esaula
(y no debería haber más), por lo que no entiendo a qué te refieres con contabilizarlos. ¿Podrías aclarar ese aspecto de los requerimientos mejor? Gracias.