Ejercicio - Corrige los errores (concepto acoplamiento javascript)

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 by Francesc Ricart 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>

Ver solución (Haz clic)

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:

Como saber dónde falla tu script (JS) cuando no tienes ayuda
¿Estás cansado de buscar como solucionar el error concreto de tu script? La consola del navegador es tu ayuda. ¡Deja de buscar!

3 formas de cambiar la ubicación de búsqueda en Google
En esta entrada encontrarás 3 formas distintas de modificar tu ubicación de búsqueda en google sin necesidad de que te tengas que desplazar.

Ejercicio - Generación iterativa de encabezados html
Ejercicio dónde se generan los encabezados h1 a h6 mediante javascript. Incluye solución.

Función que crea un objeto y lo almacena en una lista en Javascript
Javascript es un lenguaje basado en el uso de objetos. Los objetos son recursos que nos permiten agrupar un conjunto de propiedades alrededor de una idea común. Un constructor es un tipo especial de f...

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 - El pokemon corredor
Ejercicio con solución dónde se usa setInterval y el posicionamiento relativo y absoluto de una caja html. Serie de ejercicios javascript.

Francesc Ricart

hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

Ejercicio – Corrige los errores (concepto acoplamiento javascript)