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 JS - Crear un cronómetro con javascript
Completo cronómetro JS dónde se usa setInterval, addEventListener, removeEventListener y se repasan conceptos de CSS. Incluye solución.
Completo cronómetro JS dónde se usa setInterval, addEventListener, removeEventListener y se repasan conceptos de CSS. Incluye solución.
Resumen de como comentar código en html, css y javascript
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Como contar vocales y espacios en blanco en un texto mediante javascript
Ejercicio con solución dónde se muestra como hacer un script que cuenta todas las vocales y espacios en blanco de un texto introducido por el usario.
Ejercicio con solución dónde se muestra como hacer un script que cuenta todas las vocales y espacios en blanco de un texto introducido por el usario.
Onresize window para calcular el width y el height disponibles
Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Lista de la compra con javascript perfeccionada con cookies
Ejercicio javascript avanzado que crea una lista de la compra y almacena la información mediante cookies. Incluye solución.
Ejercicio javascript avanzado que crea una lista de la compra y almacena la información mediante cookies. Incluye solución.
Eliminar eventos Javascript .removeEventListener()
Ejemplos prácticos de como usar addEventListener() y removeEventListener() del tutorial gratuito de Javascript (y apuntes para mis alumnos)
Ejemplos prácticos de como usar addEventListener() y removeEventListener() del tutorial gratuito de Javascript (y apuntes para mis alumnos)
No Comments