Ejercicios para aprender JavaScript 9
Un nuevo ejercicio para para practicar la generación de tablas html con JavaScript.
Ejercicio
Vamos a hacer un script que pida por teclado el número de filas y columnas y pinte una tabla, En las celdas deberá escribirse un número consecutivo en orden descendente. Si, por ejemplo, la tabla es de 7×5 los números irán del 35 al 1.
Solución
//DECLARAMOS LAS VARIABLES
var i,j;
// PEDIMOS POR TECLADO EL NÚMERO DE FILAS
// Number fuerza a que se introduzca un número
var filas = Number(prompt("Introduce numero de filas"));
// PEDIMOS EL NÚMERO DE COLUMNAS
var colum = Number(prompt("Introduce numero de columnas"));
// MULTIPLICAMOS filas * columnas Y GUARDAMOS EL RESULTADO EN res
var res = filas * colum;
// COMENZAMOS A IMPRIMIR LA TABLA
document.write("<table border>");
// BUCLE DESDE 0 HASTA EL NÚMERO DE FILAS
for (i = 0; i < filas; i++) {
//EN CADA FILA ESCRIBIMOS UN tr PARA COMENZAR LA FILA
document.write("<tr>");
// BUCLE DESDE 0 HASTA EL NÚMERO DE COLUMNAS
for (j = 0; j < colum; j++) {
// EN CADA UNA ESCRIBIMOS UN td PARA COMENZAR UNA CELDA
document.write("<td>");
// LUEGO ESCRIBIMOS EL VALOR DE res
document.write(res);
// LE RESTAMOS 1 A res
res--;
// ESCRIBIMOS UN CIERRE DE TD PARA CERRAR LA CELDA
document.write("</td>");
}
// ESCRIBIMOS UN CIERRE DE TR PORQUE SE TERMINÓ LA FILA
document.write("</tr>);
}
// POR ÚLTIMO CERRAMOS LA TABLA CON UN CIERRE DE TABLA;
document.write("</table>");
Me gusta esto:
Me gusta Cargando...
Relacionado