24 Sep Ejercicio – Corrige los errores (concepto acoplamiento javascript)
Publicado a las 07:30h en Ejercicios Javascript, Tutorial Javascript. Aprende JS paso a paso y gratis. Apuntes de alumno. 0 Comentarios
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:
La apasionante historia del Javascript (resumida)
Javascript es un lenguaje de programación de lado cliente que ha cambiado Internet tal y como lo conocemos a día de hoy. Junto con el html y el css es...
Javascript es un lenguaje de programación de lado cliente que ha cambiado Internet tal y como lo conocemos a día de hoy. Junto con el html y el css es...
Introducción a las animaciones Javascript: setInterval() y setTimeout()
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
Ejercicio JS - Rellenar contenidos usando el DOM
Serie de ejercicios resueltos del tutorial Javacript. Uso básico del DOM. Incluye el repaso básico de teoria a leer y explicación.
Serie de ejercicios resueltos del tutorial Javacript. Uso básico del DOM. Incluye el repaso básico de teoria a leer y explicación.
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.
Como hacer una lista de la compra con Javascript
Ejercicio lista de la compra con Javascript. Incluye solución. Se practica la creación y eliminación de nodos, this, addEventListener, ...
Ejercicio lista de la compra con Javascript. Incluye solución. Se practica la creación y eliminación de nodos, this, addEventListener, ...
Formulario que se envía de forma automática al rellenar los datos
¿como podemos hacer para forzar sin botón submit el envío de un formulario web una vez han rellenado todos los campos que deseamos?
¿como podemos hacer para forzar sin botón submit el envío de un formulario web una vez han rellenado todos los campos que deseamos?
No hay comentarios