Ejemplo de programa con javascript

1. Introducción a la Informática Grupo 3 1
Fecha de Recepción: (Letra Times New Roman de 8 puntos)
Fecha de Aceptación: Dejar en blanco
Ejercicios explicados de JavaScript
JavaScript explained exercises
Wilson Henao Arias
Risaralda, Universidad Tecnológica de Pereira, Pereira, Colombia
Wilson.henao@utp.edu.co
Resumen— JavaScript es un lenguaje de programación que se
utiliza principalmente para crear páginas web dinámicas. Una
página web dinámica es aquella que incorpora efectos como texto
que aparece y desaparece, animaciones, acciones que se activan
al pulsar botones y ventanas con mensajes de aviso al usuario.
Palabras clave— lenguaje de programación, animación, páginas
web, creación
Abstract— JavaScript is a programming language that is mainly
used to create dynamic web pages. A dynamic webpage is one
that incorporates effects such as text that appears and
disappears, animations, actions that are activated when buttons
and windows with warning messages to the user.
Key Word — programming language, animation, web pages,
creation
I. INTRODUCCIÓN
En este documento se va a explicará de manera resumida lo
que es JavaScript, y se darán algunos ejemplos sobre de qué
manera funciona.
II. CONTENIDO
JavaScript es un lenguaje de programación interpretado. Se
define como orientado a objetos, basado en prototipos,
imperativo, débilmente tipado y dinámico.
A continuación se explicará de que manera realizar un
programa para cambiar el color de fondo de pantalla de una
página.
1) Abrimos el bloc de notas, que es donde vamos a digitar
nuestro código.
2) Investigamos de que manera realizar el cuerpo de la
página y lo digitamos en el bloc de notas.
Éste sería el código encontrado de internet, específicamente
en https://www.iguannaweb.com/2012/01/07/html-estructura-
base.html .
Ya luego lo escribimos en el bloc de notas.
3) Para verificar los avances que se llevan, debes de
guardar el archivo bajo los siguientes parámetros, entre
comillas escribir el título del archivo con extensión HTML,
ejemplo:

2. Introducción a la Informática Grupo 32
4) Ya allí aparecerá en donde guardaste el archivo, el
nombre de éste bajo el icono de tu navegador
predeterminado, en este caso aparecerá en escritorio asi:
5) Ahora consultaremos como realizar los botones y
digitarlos en el bloc de notas.
Para esto utilizaremos la etiqueta <button>, a partir de
ella generamos tres botones donde colocaremos los
nombres de tres colores diferentes. Asi:
Probamos en el navegador y queda asi:
6) Ahora consultar como al presionar algún botón de los
tres que tenemos, nos cambie el fondo de pantalla.
La respuesta la encontramos en éste sitio
http://www.leonpurpura.com/tutoriales/cambiar-fondo-
background.html .
Y en nuestro código queda de esta manera.
7) Para los colores buscamos el código que tienen para
HTML.

3. Introducción a la Informática Grupo 3
____________________________
1. Las notas de pie de página deberán estar en la página donde se citan. Letra Times New Roman de 8 puntos
3
8) Ya luego de tener todo nuestro código completo, lo
ejecutamos en el navegador y probamos cada botón y
miramos como nos cambia de color el fondo:
Fondo de color rojo.
Fondo de color azul.
Fondo de color verde.
III. CONCLUSIONES
Se puede concluir que el uso de JavaScript brinda gusto a la
vista del usuario que interactúa con cualquier programa que
tenga en su código éste lenguaje.
REFERENCIAS
http://librosweb.es/libro/javascript/capitulo_1.html
https://es.wikipedia.org/wiki/JavaScript
https://www.iguannaweb.com/2012/01/07/html-estructura-
base.html
https://desarrolloweb.com/articulos/botones-html-etiqueta-
button.html
http://www.leonpurpura.com/tutoriales/cambiar-fondo-
background.html
http://htmlcolorcodes.com/es/