Mostrar datos de tabla HTML mediante Javascript
Publicado por Adrián (1 intervención) el 04/05/2019 21:35:05
Buenas tardes,
El tema de mi consulta es por un problema que estoy teniendo para mostrar datos en una tabla HTML utilizando Javascript. He probado de varias formas pero ninguna me resuelve el problema. Es un ejercicio que todavía no está completo, por tanto igual hay variables innecesarias. Pero antes de nada necesito mostrar los datos, y en Javascript voy bastante perdido.
Muchas gracias de antemano.
Este es el código
El tema de mi consulta es por un problema que estoy teniendo para mostrar datos en una tabla HTML utilizando Javascript. He probado de varias formas pero ninguna me resuelve el problema. Es un ejercicio que todavía no está completo, por tanto igual hay variables innecesarias. Pero antes de nada necesito mostrar los datos, y en Javascript voy bastante perdido.
Muchas gracias de antemano.
Este es el código
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
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript">
var arrayViviendas = [
new Vivienda(1,"Dispone de garaje","Marbella","Málaga",75000,4,1,"piso",["garaje","terraza"]),
new Vivienda(2,"Disponible ascensor","Motril","Granada",125000,3,2,"ático",["ascensor","terraza"]),
new Vivienda(1,"Sin amueblar","Utrera","Sevilla",35000,2,1,"estudio",["ascensor","calefacción"])];
var provincias = new Array["Málaga","Granada","Sevilla"];
var poblaciones = new Array(["Marbella","Torre del Mar"],["Motril","Loja"],["Utrera","Carmona"]);
var viviendas = new Arrray[1,2,3,4,5];
function Vivienda(id,descripcion,localidad,provincia,precio,habitaciones,baños,tipo,caracteristicas){
this.id = id;
this.descripcion = descripcion;
this.localidad = localidad;
this.provincia = provincia;
this.precio = precio;
this.habitaciones = habitaciones;
this.baños = baños;
this.tipo = tipo;
this.caracteristicas = caracteristicas;
this.inforPiso = function(){
var descripcion = document.getElementById("descripcion");
var localidad = document.getElementById("localidad");
var provincia = document.getElementById("provincia");
var precio = document.getElementById("precio");
var habitaciones = document.getElementById("habitaciones");
var baños = document.getElementById("baños");
var tipo = document.getElementById("tipo");
var caracteristicas = document.getElementById("caracteristicas");
document.write(descripcion);
document.write(localidad);
document.write(provincia);
document.write(precio);
document.write(habitaciones);
document.write(baños);
document.write(tipo);
document.write(caracteristicas);
} }</script>
</head>
<body>
<div>
<table style="width: 100%; height: 100%" border="1">
<tr>
<th>Identificador</th>
<th>Descripción</th>
<th>Localidad</th>
<th>Provincia</th>
<th>Precio</th>
<th>Habitaciones</th>
<th>Baños</th>
<th>Tipo</th>
<th>Características</th>
</tr>
<tr>
<td id="descripcion" class="descripcionpiso"></td>
<td id="localidad" class="localidadpiso"></td>
<td id="provincia" class="provinciapiso"></td>
<td id="precio" class="preciopiso"></td>
<td id="habitaciones" class="habipiso"></td>
<td id="baños" class="bañospiso"></td>
<td id="tipo" class="tipopiso"></td>
<td id="caracteristicas" class="carapiso"></td>
</tr>
</table>
</div>
</body>
</html>
Valora esta pregunta
0
