realizacion de una tabla de 15 valores y rellenarla
Publicado por elias (2 intervenciones) el 01/10/2014 22:11:29
hola logre hacer esto y me falta poder completar la tabla con sus funciones para que realize lo que dice cada columna.
Realizar una Tabla de 15 valores que contenga las siguientes columnas:
Numero de Orden, Cuadrado de los Números, Múltiplos de 3 y Múltiplos de 8.
Realizar una Tabla de 15 valores que contenga las siguientes columnas:
Numero de Orden, Cuadrado de los Números, Múltiplos de 3 y Múltiplos de 8.
1
2
3
4
5
6
7
Nro. de Orden Cuadrado Múltiplos de 3 Múltiplos de 80 0 0 0
1 1 3 8
2 4 6 16
3 9 9 24
4 16 12 32
: : : :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<html>
<head>
</head>
<body>
<script type="text/javascript">
var NroOrden = 0;for(var x=0;x< 4; x++)
{NroOrden=NroOrden++
}<!--
var arrDatos = new Array();
arrDatos[0] = new Array(NroOrden,'Nro. de Orden','Nro. de Orden','Nro. de Orden ');
arrDatos[1] = new Array(NroOrden,'Nro. de Orden','Nro. de Orden','Nro. de Orden ');
arrDatos[2] = new Array(NroOrden,'Nro. de Orden','Nro. de Orden','Nro. de Orden ');
arrDatos[3] = new Array(NroOrden,'Nro. de Orden','Nro. de Orden','Nro. de Orden ');
//creacion de tabla
var tblDatos = document.createElement('table');
tblDatos.cellPadding = '6';
tblDatos.cellSpacing = '1';
tblDatos.border = '1';
//cuerpo de la tabla
var bdyDatos = document.createElement('tbody');
//Encabezados de las columnas
var trCabeza = document.createElement('tr');
var tdNroOrden = document.createElement('th');
tdNroOrden.innerHTML= 'Nro. de Orden';
var tdCuadrado = document.createElement('th');
tdCuadrado.innerHTML= 'Cuadrado';
var tdMult3 = document.createElement('th');
tdMult3.innerHTML= 'Multiplos de 3';
var tdMult8 = document.createElement('th');
tdMult8.innerHTML= 'Multiplos de 8';
//Insertamos los elementos en la fila
trCabeza.appendChild(tdNroOrden);
trCabeza.appendChild(tdCuadrado);
trCabeza.appendChild(tdMult3);
trCabeza.appendChild(tdMult8);
//Insertamos la fila al cuerpo de la tabla
bdyDatos.appendChild( trCabeza );
//Colocamos Valores del array
for(var i = 0; i < arrDatos.length; i++)
{
//creamos la fila
var trDatos = document.createElement ('tr');
trDatos.bgColor = '#DDDDDD';
//creamos y llenamos las celdas
var td1 = document.createElement('td');
td1.innerHTML = arrDatos[i][0];
var td2 = document.createElement('td');
td2.innerHTML = arrDatos[i][1];
var td3 = document.createElement('td');
td3.innerHTML = arrDatos[i][2];
var td4 = document.createElement('td');
td4.innerHTML = arrDatos[i][3];
//insertamos las celdas a la fila
trDatos.appendChild(td1);
trDatos.appendChild(td2);
trDatos.appendChild(td3);
trDatos.appendChild(td4);
//insertamos las filas a la tabla
bdyDatos.appendChild( trDatos );
}
//insertamos el cuerpo de la tabla
tblDatos.appendChild(bdyDatos);
//Agregamos la tabla al document
document.body.appendChild(tblDatos);
// -->
</script>
</body>
</html>Valora esta pregunta
0
