JavaScript es un lenguaje de programación que permite agregar interactividad a las páginas web. Mientras que HTML estructura la página y CSS le da estilo, JavaScript es lo que permite que una página sea dinámica, responda a las interacciones del usuario, y ejecute tareas complejas en el navegador.
En esta tarea, vas a aprender a importar un archivo JavaScript en un archivo HTML y a usar console.log para ver el valor de una constante en la consola del navegador.
Pasos:
Añadir el archivo JavaScript a tu HTML
En el archivo index.html, agrega la siguiente línea antes del cierre de la etiqueta </body>:
<script src="script.js"></script>
Esto cargará el archivo script.js que contiene el código JavaScript.
Ver el valor en la consola del navegador:
Abre tu archivo index.html en el navegador y presiona F12 o Ctrl + Shift + I para abrir las herramientas de desarrollador.
Navega a la pestaña "Consola" y verás un mensaje que imprime el valor de la constante definida en el archivo script.js.
Modificar el valor de las constantes:
Abre el archivo script.js, cambia el valor de la constante saludo y vuelve a cargar la página en el navegador para ver el nuevo valor en la consola.
Tu objetivo:
Seguir los pasos para importar el archivo en el HTML.
Abrir la consola para leer los valores.
Modificar el archivo script.js para ver cómo cambia el valor en la consola.
@Ricarddo96 abro Pull request para llevar mis cambios a master. Me gustaría subir mis cambios directamente a la rama master, pero no tengo permisos de colaborador, lo mismo me puedes añadir como tal : )
Tarea: rompiendo el hielo con JavaScript
Introducción
JavaScript es un lenguaje de programación que permite agregar interactividad a las páginas web. Mientras que HTML estructura la página y CSS le da estilo, JavaScript es lo que permite que una página sea dinámica, responda a las interacciones del usuario, y ejecute tareas complejas en el navegador.
En esta tarea, vas a aprender a importar un archivo JavaScript en un archivo HTML y a usar
console.log
para ver el valor de una constante en la consola del navegador.Pasos:
Añadir el archivo JavaScript a tu HTML
index.html
, agrega la siguiente línea antes del cierre de la etiqueta</body>
:Esto cargará el archivo script.js que contiene el código JavaScript.
Ver el valor en la consola del navegador: Abre tu archivo index.html en el navegador y presiona F12 o Ctrl + Shift + I para abrir las herramientas de desarrollador. Navega a la pestaña "Consola" y verás un mensaje que imprime el valor de la constante definida en el archivo script.js.
Modificar el valor de las constantes: Abre el archivo script.js, cambia el valor de la constante saludo y vuelve a cargar la página en el navegador para ver el nuevo valor en la consola.
Tu objetivo: Seguir los pasos para importar el archivo en el HTML. Abrir la consola para leer los valores. Modificar el archivo script.js para ver cómo cambia el valor en la consola.