Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Pintar un cuadrado con Javascript

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 14 de marzo de 2020 por Amadeo M.

21 visualizaciones

Más información Transcripción

Descargar la transcripción

Hola, me imagino que ya habrán sabido cómo hacerlo. 00:00:02
Habrán mirado por internet, habrán buscado esa expresión de evitar el uso de Document Write 00:00:06
y se habrán dado cuenta que es una instrucción un poquito peligrosa, 00:00:12
puesto que pueden aparecer cosas ahí un poquito raras como introducir un script en mitad del código. 00:00:17
Por lo cual vamos a intentar solucionarlo. 00:00:22
Vamos a ver primero la solución. 00:00:24
Vamos a recargar esta página. 00:00:25
voy a poner por ejemplo un cuadrado de 45 00:00:28
bueno, es muy grande, vamos a hacerlo un poco más pequeñito, de 22 00:00:32
y vemos que efectivamente ya en esta zona no aparece nada de ningún error 00:00:35
una vez que hemos comprobado esto, lo que vamos a hacer en este caso 00:00:42
es ir viendo cómo ha quedado nuestro código 00:00:47
bueno, ¿cómo lo hemos solucionado? 00:00:52
La parte más importante se centra aquí. Lo que hemos hecho, es decir, en vez de ir escribiendo DocumentWrite, lo que vamos a hacer es grabar en una zona previamente definida la salida de esta función. 00:00:56
Esta zona se llama cuadrado y la hemos definido aquí. Aquí la podemos ver, el div, donde vamos a guardar la información que aquí salga. 00:01:14
una vez que ya hacemos esto es bien fácil 00:01:22
todas las funciones que hicimos en su caso para rombo 00:01:27
en vez de ir aplicando el document write 00:01:30
lo que vamos a hacer es que devuelvan una cadena de caracteres 00:01:33
entonces se van todas ellas devolviendo una cadena de caracteres 00:01:36
como vemos aquí en la documentación 00:01:40
todas van devolviendo una cadena de caracteres 00:01:42
que al final vamos concatenando 00:01:46
Y finalmente, lo que nos devuelve el conjunto de todo ello es la salida que vamos a aplicar a este LIF. 00:01:48
Bueno, espero que hayan disfrutado investigando cómo solucionar este problema. 00:02:02
¡Saludos! 00:02:09
Idioma/s:
es
Materias:
Informática, Tecnologías de la Información
Autor/es:
Amadeo Mora
Subido por:
Amadeo M.
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
21
Fecha:
14 de marzo de 2020 - 18:02
Visibilidad:
URL
Centro:
IES CLARA DEL REY
Duración:
02′ 12″
Relación de aspecto:
1.78:1
Resolución:
1364x768 píxeles
Tamaño:
15.93 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid