Programacion JS PDF

CORPORACIÓN EDUCATIVA
VIRGEN DEL PERPETUO SOCORRO S.R.L.

TUMBES
Vamos a realizar la programación de JAVA SCRIPT, para ello debemos descargar la

aplicación llamada Sublime Text. El cual nos permitirá realizar la edición de texto.
DESCARGAR SUBLIME TEXT paso a paso.
1. Vamos a la página oficial de SUBLIME TEXT.
Clic aquí.
Panamericana Norte Km. 12 – Tumbes

Telf.: (72) 525939 - RPM.: *156211
E-mail: tesoreria1@vpstumbes.edu.pe / direccionacademica@vpstumbes.edu.pe / face@vpstumbes.edu.pe
TUMBES
Clic en guardar.
2. Luego descomprimimos y ejecutamos el programa. Así
3. Interfaz de sublime Text.

Telf.: (72) 525939 - RPM.: *156211
TUMBES

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Para empezar a programar debemos identificar que tenemos dos archivos

que crear.
El primero es HTML para que el navegador lo pueda ejecutar.
El segundo es JS la interacción con el usuario y la sintaxis de código.
Empezamos por el primero.
1. Le damos en FILE->NEW FILE

Telf.: (72) 525939 - RPM.: *156211
TUMBES
2. Luego de eso empezamos a escribir las etiquetas en HTML5.
Luego de eso guardamos de la siguiente manera. Pero antes de eso

creamos una carpeta con nuestro nombre donde guardaremos los
archivos.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Le damos en guardar.
3. Si nos damos cuenta el texto cambio de color.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Luego agregamos las demás etiquetas que nos faltan.
4. Le ponemos el título y el charset.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
5. Debajo del título vamos a poner la etiqueta script la cual va a ser he

llamado a otro documento que aún no hemos creado. Pero que más
adelante lo crearemos.
6. Luego de eso crearemos el archivo prueba.js.

FILE->NEW FILE.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Guardemos el documento con su nombre.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
En la misma carpeta guardamos.
7. Luego ya tenemos el archivo donde ira nuestra programación.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
8. Escribamos nuestra primera línea de código mostrando un mensaje.
ALERT(), sirve para mostrar un mensaje.

9. Probemos como sale en nuestro navegador, busquemos donde esta
nuestra carpeta, y abrimos el siguiente archivo que tenga el logo de un
navegador.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
10. Miremos en nuestro navegador.
Cambiemos de mensaje dentro de las comillas simples.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
LUEGO DE ESO GUARDEMOS ASI.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Muestro el nuevo mensaje.

11. La forma correcta de la declaración de variables es la siguiente:
Asignemos un valor a esa variable.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Luego lo mostramos en un mensaje.
12. Veamos en el navegador como funciona.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
13. Listo ahora le pedimos al usuario que el ingrese su nombre y

mostraremos su nombre con un mensaje.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
De rojo esta la función PROMPT() de azul el mensaje que deseo que lea
el usuario
Miremos en el navegador.
Cambiemos de mensaje.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
14. El usuario tiene la oportunidad de ingresar su nombre. Y nosotros

atreves de ALERT() mostraremos el nombre del usuario.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
De rojo la función ALERT().

De azul el mensaje que deseamos que vea el usuario.
De verde el signo + y el nombre de la variable a eso se le conoce como
concatenación.
15. Miremos en el navegador.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
16. Así de simple es programar.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Vamos a realizar un pequeño ejercicio que me permita la suma de dos

números enteros.
1. Primero creo mi archivo .HTML

Telf.: (72) 525939 - RPM.: *156211
TUMBES
2. Escribo mi código HTML.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Y agrego la etiqueta SCRIPT con el nombre de mi archivo suma.js

3. Creo mi archivo suma.js

Telf.: (72) 525939 - RPM.: *156211
TUMBES
4. Empezamos a programar.
Declaramos las variables a utilizar.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Vamos a utilizar la función parseInt() para convertir el texto en un

numero entero.
Y luego pedimos al usuario por medio de la función PROMPT() que
ingrese datos.
Lo mismo para la variable b.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Miremos si funciona. Guardemos y abrimos nuestra carpeta el logo

que aparece de nuestro navegador.
De seguro no les va a salir por un error, pero aquí está la solución.

Cambiemos el nombre de suma.html por otro nombre yo le puse
oper.html

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Luego ya sale abrimos el archivo oper.html
5. Nos muestra esto.

Telf.: (72) 525939 - RPM.: *156211
TUMBES

Telf.: (72) 525939 - RPM.: *156211
TUMBES
6. Pero nos falta es la suma de ambos números.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
7. Operamos la suma y la mostramos en un mensaje simple.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Me muestra la suma vamos a ponerle un mensaje a esa suma.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Miremos en el navegador la suma.

Telf.: (72) 525939 - RPM.: *156211
TUMBES

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Utilicemos la condición en programación.

1. utilicemos los mismos archivos del ejercicio anterior.
2. Borremos el código en suma.js

Telf.: (72) 525939 - RPM.: *156211
TUMBES
3. Hallar la resta de dos números.
La lógica de este ejercicio es la siguiente sabemos que para que la operación se

ejecute el primer número que se ingrese debe ser mayor que el segundo.
Ejemplo: 4 – 2 = 2 es la manera correcta de operar, 2 – 4 = -2, es la manera

incorrecta de operar.
4. Empezamos.
Declaramos variables.
Vamos a comparar si x es mayor que y si eso es correcto que se
resuelva la operación y se muestre un mensaje.
Sino no se puede ejecutar.
Para eso usamos IF ELSE.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
5. Miremos en nuestro navegador.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Si el segundo número es menor opera, pero sino. Muestra el

siguiente mensaje.

Telf.: (72) 525939 - RPM.: *156211
TUMBES

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Eso quiere decir que la lógica está bien.
6. Cambiemos de ejercicio.
7. Hallar el mayor número de tres.
Primero deben resolver la lógica mediante un algoritmo que ya les
enseñé como se realiza.
Usamos el mismo archivo borramos.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
8. Declaramos variables.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Empezamos con las condiciones.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
9. Veamos en el navegador.
Voy a ingresar 3 ,4 , 5 el mayor es 5.

Telf.: (72) 525939 - RPM.: *156211
TUMBES

Telf.: (72) 525939 - RPM.: *156211
TUMBES
LA LOGICA FUNCIONA EL PROGRAMA TAMBIEN.

Telf.: (72) 525939 - RPM.: *156211
TUMBES
Resolver los siguientes ejercicios.
1. Declarar dos variables que tenga como valores los siguientes nombres.
“JUAN”.
“MANUEL”.
2. Mostar un mensaje al usuario que diga:” HOW ARE YOU”.

3. Realizar un programa que permita multiplicar dos números enteros.
4. Realizar un programa que me calcule el sueldo de un trabajador mostrar su
sueldo del trabajador.
5. Realizar un programa que me permita saber si soy mayor de edad o menor
de edad.
6. Hallar el mayor número de dos variables enteras.
Presentar el trabajo impreso con los pantallazos de los programas el código y su

ejecución en el navegador.

Telf.: (72) 525939 - RPM.: *156211

Programacion JS PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Programacion JS PDF

Cargado por

Copyright:

Formatos disponibles

CORPORACIÓN EDUCATIVA

VIRGEN DEL PERPETUO SOCORRO S.R.L.

Vamos a realizar la programación de JAVA SCRIPT, para ello debemos descargar la

DESCARGAR SUBLIME TEXT paso a paso.

1. Vamos a la página oficial de SUBLIME TEXT.

Panamericana Norte Km. 12 – Tumbes

3. Interfaz de sublime Text.

Panamericana Norte Km. 12 – Tumbes

Panamericana Norte Km. 12 – Tumbes

Para empezar a programar debemos identificar que tenemos dos archivos

Panamericana Norte Km. 12 – Tumbes

2. Luego de eso empezamos a escribir las etiquetas en HTML5.

Luego de eso guardamos de la siguiente manera. Pero antes de eso

Panamericana Norte Km. 12 – Tumbes

Panamericana Norte Km. 12 – Tumbes

Luego agregamos las demás etiquetas que nos faltan.

4. Le ponemos el título y el charset.

Panamericana Norte Km. 12 – Tumbes

5. Debajo del título vamos a poner la etiqueta script la cual va a ser he

6. Luego de eso crearemos el archivo prueba.js.

Panamericana Norte Km. 12 – Tumbes

Guardemos el documento con su nombre.

Panamericana Norte Km. 12 – Tumbes

En la misma carpeta guardamos.

7. Luego ya tenemos el archivo donde ira nuestra programación.

Panamericana Norte Km. 12 – Tumbes

8. Escribamos nuestra primera línea de código mostrando un mensaje.

ALERT(), sirve para mostrar un mensaje.

Panamericana Norte Km. 12 – Tumbes

10. Miremos en nuestro navegador.

Cambiemos de mensaje dentro de las comillas simples.

Panamericana Norte Km. 12 – Tumbes

LUEGO DE ESO GUARDEMOS ASI.

Panamericana Norte Km. 12 – Tumbes

Muestro el nuevo mensaje.

Asignemos un valor a esa variable.

Panamericana Norte Km. 12 – Tumbes

Luego lo mostramos en un mensaje.

12. Veamos en el navegador como funciona.

Panamericana Norte Km. 12 – Tumbes

13. Listo ahora le pedimos al usuario que el ingrese su nombre y

Panamericana Norte Km. 12 – Tumbes

Panamericana Norte Km. 12 – Tumbes

14. El usuario tiene la oportunidad de ingresar su nombre. Y nosotros

Panamericana Norte Km. 12 – Tumbes

De rojo la función ALERT().

15. Miremos en el navegador.

Panamericana Norte Km. 12 – Tumbes

16. Así de simple es programar.

Panamericana Norte Km. 12 – Tumbes

Vamos a realizar un pequeño ejercicio que me permita la suma de dos

Panamericana Norte Km. 12 – Tumbes

2. Escribo mi código HTML.

Panamericana Norte Km. 12 – Tumbes

Y agrego la etiqueta SCRIPT con el nombre de mi archivo suma.js

Panamericana Norte Km. 12 – Tumbes

Panamericana Norte Km. 12 – Tumbes

Vamos a utilizar la función parseInt() para convertir el texto en un

Lo mismo para la variable b.

Panamericana Norte Km. 12 – Tumbes

Miremos si funciona. Guardemos y abrimos nuestra carpeta el logo

De seguro no les va a salir por un error, pero aquí está la solución.

Panamericana Norte Km. 12 – Tumbes