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
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:
Crea un archivo nuevo llamado codigo.js
en la misma carpeta que el documento HTML.
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
.
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