JavaScript - realizacion de una tabla de 15 valores y rellenarla

   
Vista:

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.

1
2
3
4
5
6
7
Nro. de Orden	Cuadrado	Múltiplos de 3	Múltiplos de 8
0	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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

realizacion de una tabla de 15 valores y rellenarla

Publicado por xve (1595 intervenciones) el 02/10/2014 08:46:18
Hola Elias, lo tienes casi todo realizado, lo que no se, es porque utilizas un array...

Te lo he modificado eliminando el array... haber si te sirve.

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
<html>
<head>
 
</head>
<body>
 
<script>
	//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 <= 15; i++)
	{
		//creamos la fila
		var trDatos = document.createElement ('tr');
			trDatos.bgColor = '#DDDDDD';
 
		//creamos y llenamos las celdas
		var td1 = document.createElement('td');
			td1.innerHTML = i;
		var td2 = document.createElement('td');
			td2.innerHTML = i*2;
		var td3 = document.createElement('td');
			td3.innerHTML = i*3;
		var td4 = document.createElement('td');
			td4.innerHTML = i*4;
 
		//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>

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

muchas gracias

Publicado por elias ferreyra (2 intervenciones) el 02/10/2014 17:41:40
muchas gracias por la gran ayuda, modifique solamente el for para que me realice en ves de 15, 4 veces noma... me podrías explicar bien como funciona el for que utilizaste y sacaste el array.?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

muchas gracias

Publicado por xve (1595 intervenciones) el 02/10/2014 19:26:04
Hola Elias, es muy sencillo, simplemente va recorriendo del 0 al 15, y para cada pasada, rellena la tabla con los cálculos... no tiene ningún misterio...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar