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:

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...

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 uno de los 3 pilares del diseño web. Es un requer...

Ejercicio - corrección de errores en javascript. Variables y strings.
En este ejercicio practicamos la diferencia entre usar un string y una variable. También otras normas básicas de sintaxis de javascript.

Escribir la canción de las botellas sobre la pared con JS
Ejercicio nivel principiante dónde se presenta una misma solución mediante un while y un for. Incluye solución.

Ejercicio JS - Ventana emergente control de edad
Ejercicio javascript que regula el control de accesos a una página web según edad del visitante. 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{}

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)