0 Bewertungen0% fanden dieses Dokument nützlich (0 Abstimmungen)
52 Ansichten22 Seiten
Este documento describe los pasos para crear un proyecto HolaMundo básico en JavaScript utilizando NetBeans. Inicialmente, se crea el proyecto HolaMundo y se agrega código JavaScript en el archivo index.html para mostrar el mensaje "Hola Mundo con JavaScript". Luego, se extrae el código JavaScript a un archivo separado llamado programa.js y se enlaza desde el archivo index.html, permitiendo trabajar con JavaScript de forma independiente. Finalmente, se ejecuta el proyecto para ver el resultado.
Este documento describe los pasos para crear un proyecto HolaMundo básico en JavaScript utilizando NetBeans. Inicialmente, se crea el proyecto HolaMundo y se agrega código JavaScript en el archivo index.html para mostrar el mensaje "Hola Mundo con JavaScript". Luego, se extrae el código JavaScript a un archivo separado llamado programa.js y se enlaza desde el archivo index.html, permitiendo trabajar con JavaScript de forma independiente. Finalmente, se ejecuta el proyecto para ver el resultado.
Este documento describe los pasos para crear un proyecto HolaMundo básico en JavaScript utilizando NetBeans. Inicialmente, se crea el proyecto HolaMundo y se agrega código JavaScript en el archivo index.html para mostrar el mensaje "Hola Mundo con JavaScript". Luego, se extrae el código JavaScript a un archivo separado llamado programa.js y se enlaza desde el archivo index.html, permitiendo trabajar con JavaScript de forma independiente. Finalmente, se ejecuta el proyecto para ver el resultado.
mx En este ejercicio es crear nuestro primer programa con JavaScript. Al finalizar deberemos observar la siguiente pantalla:
www.gl obal m entoring.com.mx
Creamos el proyecto HolaMundo:
www.gl obal m entoring.com.mx
( ) Creamos el proyecto HolaMundo:
www.gl obal m entoring.com.mx
( ) La primera vez que crea un proyecto de este tipo se activarán las características:
www.gl obal m entoring.com.mx
( ) Nombramos el proyecto y lo agregamos en una carpeta previamente definida. Ej. C:\LogicaNetbeans:
www.gl obal m entoring.com.mx
( ) Nombramos el proyecto y lo agregamos en una carpeta previamente definida. Ej. C:\LogicaNetbeans:
www.gl obal m entoring.com.mx
( ) Así debe visualizarse el proyecto creado:
www.gl obal m entoring.com.mx
Agregamos el siguiente código al archivo index.html: <!DOCTYPE html> <html> <head> <title>HolaMundo con JavaScript</title> <meta charset="UTF-8"> <script type="text/javascript"> document.write("Hola Mundo con JavaScript!"); </script> </head> <body>
( ) Instalamos el plug-in de Chrome para Netbeans. Para ello ya debemos tener instalado Google Chrome en nuestro equipo:
www.gl obal m entoring.com.mx
( ) Instalamos el plug-in de Chrome para Netbeans.
www.gl obal m entoring.com.mx
( ) Instalamos el plug-in de Chrome para Netbeans.
www.gl obal m entoring.com.mx
( ) Una vez instalado, volvemos a ejecutar el proyecto:
www.gl obal m entoring.com.mx
( ) Una vez instalado, volvemos a ejecutar el proyecto:
www.gl obal m entoring.com.mx
Vamos a hacer una pequeña mejora. El código de JavaScript, lo vamos a extraer a un archivo independiente.
De esta manera podremos trabajar con el lenguaje JavaScript,
sin tocar el código HTML.
Para extraer el contenido de JavaScript y ligar lo desde HTML
hacemos lo siguiente: <script src="js/programa.js"></script>
www.gl obal m entoring.com.mx
Modificamos el código del archivo index.html: <!DOCTYPE html> <html> <head> <title>HolaMundo con JavaScript</title> <meta charset="UTF-8"> <script src="js/programa.js"></script> </head> <body>
</body> </html>
www.gl obal m entoring.com.mx
Vamos a crear el archivo programa.js como sigue:
www.gl obal m entoring.com.mx
Agregamos el siguiente código al archivo programa.js:
document.write("Hola Mundo 2 con JavaScript!");
www.gl obal m entoring.com.mx
Ejecutamos nuevamente el proyecto:
www.gl obal m entoring.com.mx
• Con este ejercicio hemos creado nuestro primer programa en JavaScript.
• Este ejercicio básicamente está escribiendo contenido a
nuestro documento HTML. Cabe aclarar que no es necesario conocer HTML, sin embargo lo utilizaremos para que este curso sea lo más visual y práctico posible.