Ejercicio - Corrige los errores (concepto acoplamiento javascript)

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. por Francesc Ricart 0 Comentarios

Ejercicio – Corrige los errores (concepto acoplamiento javascript)

Valora esta entrada

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:

Ejercicio JS – Salva pantallas primitivo con javascript

- 104

Ejercicio de salvapantallas primitivo creado con javascript básico y sin usar la etiqueta canvas. Incluye solución.

Ejercicio – Acoplamiento de javascript en un documento web

- 263

Ejercicio y solución de un problema introductorio al mundo del Javascript.

Funciones Javascript: declaración, uso y utilidad en programación

- 691

Una función es una estructura de código que ejecuta y transforma unos inputs de entrada en un output de salida en forma de dato o acción. Hemos trabajado con funciones toda nuestra vida. Las aprendimo...

Carácteres escapados en Javascript

- 365

El término escapar un carácter en Javascript sin duda da un poquito de yuyu. En realidad una palabra poco atractiva para algo muy práctico. El concepto es muy similar al de escapar un carácter en HTML...

Ejercicio – Generación de un dado de 6 caras con javascript

- 217

Ejercicio con solución dónde se genera un dado de 6 caras y se tira el dado 1000 veces para comprobar cuantas veces ha salido cada tirada.

Como hacer una lista de la compra con Javascript

- 101

Ejercicio lista de la compra con Javascript. Incluye solución. Se practica la creación y eliminación de nodos, this, addEventListener, ...

Validación de campos try catch finally en Javascript puro

- 525

Explicación teórica y ejemplo práctico del uso de las instrucciones try + throw, catch y finally en javascript. Utilizamos esta estructura para validar un campo en un formulario. Sin embargo se puede ...

La etiqueta noscript

- 392

El desconocimiento hace que a menudo muchos usuarios decidan desactivar la opción de que nuestra navegador acepte y/o interprete este lenguaje de script. ¿Que podemos hacer para avisar a los usuarios ...

Ejercicio – Generación iterativa de encabezados html

- 141

Ejercicio dónde se generan los encabezados h1 a h6 mediante javascript. Incluye solución.

Ejercicio – Vamos a dormir, hay 100 ovejas que contar

- 134

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.

Francesc Ricart

hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi