Ver temario

JavaScript: Etiqueta noscript

Ejercicio 1

Con estos datos, elaborar un pequeño script que:

Modificar el primer script para que:

1 script

 

1) Todo el código JavaScript se encuentre en un archivo externo llamado codigo.js y el script siga funcionando de la misma manera.

 

2) Después del primer mensaje, se debe mostrar otro mensaje que diga "Soy el primer script" 3) Añadir algunos comentarios que expliquen el funcionamiento del código

 

4) Añadir en la página HTML un mensaje de aviso para los navegadores que no tengan activado el soporte de JavaScript

Solución

Ejercicio 1 Modificar el primer script para que:

1 script

 

1) Todo el código JavaScript se encuentre en un archivo externo llamado codigo.js y el script siga funcionando de la misma manera.

Solución:

  1. Crea un archivo nuevo llamado codigo.js en la misma carpeta que el documento HTML.

  2. Copia todo el código JavaScript que se encuentra en el bloque script en el documento HTML  del primer ejemplo y pégalo en el archivo codigo.js.

  3. En el documento HTML, elimina el código JavaScript del bloque script y agrega una etiqueta script con el atributo src que apunte al archivo codigo.js. Debería verse así:

<h1>Este es un ejemplo de código JavaScript en un archivo externo</h1>

<p>Haz clic en el botón para mostrar un mensaje de prueba:</p>

<button onclick="alert('Un mensaje de prueba')">Mostrar mensaje</button> <script type="text/javascript" src="codigo.js"></script>

 

2) Después del primer mensaje, se debe mostrar otro mensaje que diga "Soy el primer script"

<script type="text/javascript">

alert("Un mensaje de prueba"); 

alert("Soy el primer script"); </script>

 

3) Añadir algunos comentarios que expliquen el funcionamiento del código

He agregado una segunda línea de código que muestra el segundo mensaje utilizando la función alert(). Al cargar la página, se mostrarán ambos mensajes en secuencia.

 

4) Añadir en la página HTML un mensaje de aviso para los navegadores que no tengan activado el soporte de JavaScript

 

<noscript> <p>Lo siento, su navegador no tiene activado el soporte de JavaScript. Para utilizar esta página, por favor active JavaScript en su navegador.</p> </noscript>

 

Prueba poniendo el código anterior entre etiquetas de script en la parte del body de tu pagina html y verás que ocurre