Está en la página 1de 21

JavaScript

Ramiro Estigarribia Canese


Introduccin
Qu es un algoritmo?
Son los pasos a seguir para resolver un problema.

La actividad fundamental del programador es resolver
problemas empleando computadoras.

Lenguaje de programacin:
Conjunto de instrucciones que son interpretadas por
una computadora para realizar operaciones, sacar
listados, ingresar datos, eliminar, etc.

Qu es JavaScript?
JavaScript, al igual que Flash, es una de las mltiples
maneras que han surgido para extender las
capacidades del lenguaje HTML clsico.

Es un lenguaje interpretado que se embebe en una
pgina web HTML.
Un lenguaje interpretado significa que a las
instrucciones las analiza y procesa el navegador en el
momento que deben ser ejecutadas.
Ejemplo
Pregunta antes de eliminar
<script>function confirmar() {
if(confirm("Realmente desea eliminar?"))
{
return true;
}
return false;
}
</script>

<form action=Eliminar_Alumnos.php onsubmit='return
confirmar()'>



Hola Mundo...
<script>
document.write('Hola Mundo');
</script>

Mostrar el Nombre y la Edad

<script>
document.write('Diego Martinez');
document.write('<br>');
document.write('44');
</script>

Variables
En JavaScript, deben comenzar por una letra,
pudiendo haber adems dgitos entre los dems
caracteres.

Al igual que en PHP, no es obligatorio declarar las
variables.
Variables
<script>
var nombre='Juan';
var edad=10;
var altura=1.92;
var casado=false;
document.write(nombre);
document.write('<br>');
document.write(edad);
document.write('<br>');
document.write(altura);
document.write('<br>');
document.write(casado);
</script>

Mostrar el nombre, y el
sueldo.
<script>
var nombre='Juan';
var sueldo=6500;
document.write(nombre);
document.write('<br>');
document.write(sueldo);
</script>

prompt: Entrada de datos
Para la entrada de datos por teclado tenemos la
funcin prompt.
Cada vez que necesitamos ingresar un dato con esta
funcin, aparece una ventana donde cargamos el
valor.

prompt: Entrada de datos
Ejemplo: Preguntar Edad
<script>
var nombre;
var edad;
nombre=prompt('Ingrese su nombre:','');
edad=prompt('Ingrese su edad:','');
document.write('Hola ');
document.write(nombre);
document.write(' asi que tienes ');
document.write(edad);
document.write(' aos');
</script>

Sumar, multiplicar y
concatenar.
<script>
valor1=prompt('Ingrese primer nmero:','');
valor2=prompt('Ingrese segundo nmero','');
suma=parseInt(valor1)+parseInt(valor2);
producto=parseInt(valor1)*parseInt(valor2);//Con
ParseInt se convierten las variables en nmeros
document.write('La suma es '+suma+'<br>');
document.write('El producto es '+producto);
</script>


Sumar, multiplicar y
concatenar.
Lo primero que debemos tener en cuenta es que si
queremos sume los valores, debemos llamar a la
funcin parseInt.
Con esto logramos que sume las variables como
enteros y no como cadenas de caracteres.
Si por ejemplo sumamos 1 + 1 sin utilizar la funcin
parseInt el resultado ser 11 en lugar de 2, ya que
el operador + concatena las dos cadenas.
En JavaScript, como no podemos indicarle de qu
tipo es la variable, requiere mucho ms cuidado
cuando operamos con sus contenidos.

La instruccin if
La condicin debe ir entre parntesis.
Si la condicin se verifica verdadera se ejecuta todas
las instrucciones que se encuentran encerradas entre
las llaves de apertura y cerrado.
Podemos utilizar los siguientes operadores
relacionales:
> mayor
>= mayor o igual
< menor
<= menor o igual
!= distinto
== igual
Ejemplo: if
Aprobado segn Nota
<script>
var nombre;
var nota;
nombre=prompt('Ingrese nombre:','');
nota=prompt('Ingrese su nota:','');
if (nota>=2)
{
document.write(nombre+' esta aprobado con un
'+nota);
}
</script>

Estructura repetitiva while
Una estructura repetitiva permite ejecutar una
instruccin o un conjunto de instrucciones varias
veces.

Una ejecucin repetitiva se caracteriza por:
La o las sentencias que se repiten.
El test de condicin antes de cada repeticin, que
motivar que se repitan o no las sentencias.

Estructura repetitiva while
Ejemplo: Realizar un programa que imprima en pantalla los
nmeros del 1 al 100.

<script>
var x;
x=1;
while (x<=100)
{
document.write(x);
document.write('<br>');
x=x+1;
}
</script>

Obtener informacin del
visitante - Geolocalizacin
Hoy en da es comn, tener la necesidad mostrar
informacin personalizada al visitante.

Cuando hablamos de geolocalizacin en una aplicacin
web estamos hablando de determinar con tanta
exactitud como sea posible la ubicacin real (longitud y
latitud) de la cual procede la informacin que se est
desplegando.

Ejemplo de creacin de mapas:
http://www.pepfarinblog.com/html5-api-de-
geolocalizacion-geolocation-api-y-google-maps/



Obtener Coordenadas
<p id="demo">Click para obtener la ubicacin:</p><button
onclick="getLocation()">Try It</button>
<script>function getLocation()
{
navigator.geolocation.getCurrentPosition(showPosition);
}function showPosition(position)
{
document.write("Latitud: " + position.coords.latitude + "<br>");
document.write("Longitud: " + position.coords.longitude);
}
</script>

Integrar con Google Maps
https://www.google.com.py/maps/@-25.2968333,-57.5984002
Latitude: -25.282197
Longitude: -57.635099999999994
<a href=https://www.google.com.py/maps/@-25.2968333,-57.5984002>

Preguntas
1. Qu es JavaScript?
2. Confeccionar un programa que permita cargar el nombre de
un usuario y su mail, y luego mostrar en pantalla.
3. Confeccionar un programa que permita cargar el lado de un
cuadrado, y mostrar por pantalla el permetro del mismo
(Permetro=lado x 4).
4. Solicitar que se ingrese dos veces una clave. Mostrar un
mensaje si son iguales (utilizar el operador ==)
5. Mostrar los mltiplos de 8 hasta el valor 500. Debe aparecer
en pantalla 8 -16 -24, etc.