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 - Vamos a dormir, hay 100 ovejas que contar
Ejercicio javascript dónde se practica el uso de for y de while para la resolución de un mismo problema JS. Incluye solución.
Ejercicio javascript dónde se practica el uso de for y de while para la resolución de un mismo problema JS. Incluye solución.
Acceder y modificar una web con javascript
Vamos a ver como mediante Javascript podemos interactuar con las etiquetas html que constituyen un documento web. Podemos acceder a una etiqueta, un párrafo, un enlace, una imagen, o incluso a los met...
Vamos a ver como mediante Javascript podemos interactuar con las etiquetas html que constituyen un documento web. Podemos acceder a una etiqueta, un párrafo, un enlace, una imagen, o incluso a los met...
Ejemplos explicados paso a paso para ayudar a entender el for
Se muestran 3 ejemplos explicados paso a paso para ayudar a entender como funciona la estructura de programación for.
Se muestran 3 ejemplos explicados paso a paso para ayudar a entender como funciona la estructura de programación for.
Ejercicio - Corregir errores de sintaxis en funciones
Ejercicio javascript dónde se repasa la sintaxi de funciones. Corrige los errores.
Ejercicio javascript dónde se repasa la sintaxi de funciones. Corrige los errores.
Métodos imprescindibles para trabajar con fechas en Javascript
Compendio de métodos para trabajar con fechas en Javascript. Comparto mi chuleta de métodos para obtener y crear nuevas fechas.
Compendio de métodos para trabajar con fechas en Javascript. Comparto mi chuleta de métodos para obtener y crear nuevas fechas.
Instrucción "this" de Javascript explicada paso a paso
Ejemplo explicado paso a paso para entender el concepto del this en javascript. Se empieza con el javascript en línea en el html para finalmente inicializar los eventos llamándolos directamente desde ...
Ejemplo explicado paso a paso para entender el concepto del this en javascript. Se empieza con el javascript en línea en el html para finalmente inicializar los eventos llamándolos directamente desde ...
No Comments