24 Sep Ejercicio – Corrige los errores (concepto acoplamiento javascript)
Posted at 07:30h in Tutorial Javascript. Aprende JS paso a paso y gratis. Apuntes de alumno., Ejercicios Javascript 0 Comments
En este ejercicio vamos a aplicar de nuevo el concepto de acoplamiento de javascript en un documento web.
Anteriormente hemos visto un ejercicio en el que hemos desvinculado en un documento por separado el código javascript de un documento html.
Ahora vamos a corregir algunos errores que no debemos cometer.
Enunciado
El documento web a continuación tiene errores. Corrígelos.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Documento con errores javascript a corregir">
<meta name="author" content="Francesc Ricart">
<title>Documento con errores javascript</title>
<script>document.write("primer texto")</script>
</head>
<script>document.write("segundo texto")</script>
<body>
<script>document.write("tercer texto")</script>
</body>
<script>document.write("cuarto texto")</script>
</html>
<script>document.write("quinto texto")</script>Solución del ejercicio
La solución de este ejercicio no es única.
Para su correcta resolución debemos tener en cuenta que:
La etiqueta <script> sólo puede ir dentro del <body> o dentro del <head>.
Por lo tanto:
- no puede ir antes de la etiqueta <html> ni después del cierre de </html>
- no puede ir entre el cierre del </head> y la apertura del <body>
- no puede ir entre el cierre del </body> y el cierre de </html>
Atendiendo a estas consideraciones se propone a continuación una posible respuesta.
Propuesta de documento html corregido
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Documento con errores javascript a corregir">
<meta name="author" content="Francesc Ricart">
<title>Propuesta de solución</title>
<script>document.write("primer texto")</script>
</head>
<body>
<script>document.write("segundo texto")</script>
<script>document.write("tercer texto")</script>
<script>document.write("cuarto texto")</script>
<script>document.write("quinto texto")</script>
</body>
</html>¡Hola!
Querido lector,
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
Ejercicio - Generación iterativa de encabezados html
Ejercicio dónde se generan los encabezados h1 a h6 mediante javascript. Incluye solución.
Ejercicio dónde se generan los encabezados h1 a h6 mediante javascript. Incluye solución.
Ejercicio JS - Menú vertical desplegable con javascript (sin jquery)
Ejercicio práctico con solución sobre como crear un menú vertical con submenú vertical desplegable en javascript sin jquery. Incluye solución.
Ejercicio práctico con solución sobre como crear un menú vertical con submenú vertical desplegable en javascript sin jquery. Incluye solución.
Ejemplo de instrucción if(){}else if(){}else{} paso a paso
Se muestran 2 ejemplos explicados paso a paso para ayudar a entender como funciona la estructura de programación if(){}else if(){}else{}
Se muestran 2 ejemplos explicados paso a paso para ayudar a entender como funciona la estructura de programación if(){}else if(){}else{}
Javascript: Estructura básica de un script
¿Qué es programar? Programar es indicar a una máquina que siga un conjunto ordenado de instrucciones. Es una acción cotidiana que realizamos sin apercibirnos cuando seguimos una receta de cocina. Y si...
¿Qué es programar? Programar es indicar a una máquina que siga un conjunto ordenado de instrucciones. Es una acción cotidiana que realizamos sin apercibirnos cuando seguimos una receta de cocina. Y si...
Ejercicio - ¿En qué día de la semana estamos?
Problema javascript que devuelve en formato texto el día de la semana en el que esamos. Incluye 2 posibles soluciones con switch() y array.
Problema javascript que devuelve en formato texto el día de la semana en el que esamos. Incluye 2 posibles soluciones con switch() y array.
Programa que mediante addEventListener invoca un saludo auténtico
Programa javascript en la que se crea una etiqueta imagen que contiene un gif con un saludo. Se practica addEventListener() y removeChild(). Incluye solución.
Programa javascript en la que se crea una etiqueta imagen que contiene un gif con un saludo. Se practica addEventListener() y removeChild(). Incluye solución.
No Comments