Hola, estoy en un curso de javascript y estoy con un ejercicio y estoy absolutamente perdido.Si alguien me pudiera echar una mano se lo agradeceria enormemente, esto es lo que tengo que hacer:
Construir una página HTML que liste el contenido de todas las propiedades de un objeto en forma de tabla.
El nombre o referencia al objeto se pedirá al usuario utilizando la función prompt, para que lo introduzca a través del cajetín del desplegable generado. Debera aceptar nombres de propiedades de window tales como screen, this.location, document, .. o incluso window. Si el nombre que se introduce por el cajetín referencia algo que no es un objeto, solo se dará un mensaje indicandolo y no habra que listar ninguna tabla.
La tabla HTML tendrá 2 columnas:
La 1a columna contendrá los nombres de las propiedades de objeto
La 2a columna contendrá el valor de la propiedad, siempre que no sea un objeto o función (comprobarlo con el operador "typeof"). Si es un objeto o función se pondrá como valor el string: “no es imprimible”.
Incluir un formato CSS bien diseñado para la visualización de la tabla. Pueden inspirarse en el mostrado en el tema HTML/CSS Marcas básicas" del Módulo 1.
Se recomienda utilizar un script que utilice la sentencia “for/in” para extraer las propiedades e insertarlas en la página HTML con formato de tabla. Utilizar dentro del bucle una sentencia "if/else" que comprube con el operador "typeof" si el valor de la propiedad es un string es imprimible o no, para imprimir dicho valor o "no es imprimible".
Y este es el codigo que tengo:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Propiedades en forma de tabla</title>
</head>
<style>
</style>
<body>
<script>
var nombre=prompt("Introduce un objeto y te dire las propiedades:");
var mensaje;
var i;
if(nombre !== "screen" || ('this.location') || ('document') || ('window')){
mensaje=alert("¡El valor introducido no es un objeto!");
}else{
for(i in nombre){
<table>
<tr>
<th></th>
<th>Propiedad</th>
<th>Valor de la propiedad</th>
</tr>
<tr>
<th>nombre[i]</th>
<th>nombre[i].innerHTML();</th>
</tr>
</table>
}
}
</script>
</body>
</html>
