Ejercicio - Corrige los errores (concepto acoplamiento javascript)

24 Sep Ejercicio – Corrige los errores (concepto acoplamiento javascript)

Publicado a las 07:30h en Ejercicios, 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:

Sustituir un nodo por otro en el DOM mediante Javascript

- 186

Para poder sustituir un nodo por otro en el DOM previamente necesitas saber como: Identificar nodos del DOM. Crear nuevos nodos. Si tienes claros estos conceptos sigue leyendo el ejemplo práctico.

Onresize window para calcular el width y el height disponibles

- 256

Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery

Como llamar nodos del DOM mediante javascript

- 382

Repasamos los distintos métodos directos e indirectos y estrategias para acceder e identificar los nodos del DOM de modo inequívoco.

Ejercicio – corrección de errores en javascript. Variables y strings.

- 74

En este ejercicio practicamos la diferencia entre usar un string y una variable. También otras normas básicas de sintaxis de javascript.

Ejercicio JS – Susto emergente

- 22

Ejemplo de programación de una ventana emergente con Javascript. Incluye solución. Serie de ejercicios tutorial javascript del curso ifcd0110

Ejercicio – El pokemon corredor

- 31

Ejercicio con solución dónde se usa setInterval y el posicionamiento relativo y absoluto de una caja html. Serie de ejercicios javascript.

Ejercicio – ¿Estamos en fin de semana?

- 83

Ejercicio dónde se resuelve un simple ejercicio mediante el uso de getDay() y se compara un switch y un if. Incluye solución.

Ejercicio – Acoplamiento de javascript en un documento web

- 142

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

Ejercicio JS: Uso de length y acceso a las posiciones de un array.

- 99

En este ejercicio se practica el método length y se usa para jugar con los arrays y acceder al primer elemento y al último de un vector.

Ejercicio JS – Rellenar contenidos usando el DOM

- 49

Serie de ejercicios resueltos del tutorial Javacript. Uso básico del DOM. Incluye el repaso básico de teoria a leer y explicació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