Ventanas en Javascript

Javascript nos proporciona 3 tipos de ventanas para interactuar con el usuario.

• alert( mensaje ) : Una simple ventana para mostrar un mensaje al usuario.
• prompt ( mensaje, valor ) : Una ventana que nos permite capturar datos por teclado. Recibe dos parámetros, el primero es el mensaje a mostrar; el segundo,  es un valor por defecto. La ventana devuelve el valor que haya tecleado el usuario o bien el valor por defecto en caso de que no se haya tecleado nada.
• confirm ( mensaje ): Una ventana que nos devuelve un valor booleano (true o false) según la opción que escojamos (Aceptar ó Cancelar).

Ejemplo de la función alert( ):

< script language="Javascript" >
< !--
alert ("Mostrando un mensaje de prueba" );

// Mostrar el contenido de una variable.
var nombre="Daniel";
alert("Valor de la variable cad: "+nombre+" .\nTipo de la variable: "+typeof( nombre ) );

//-- >
< /script >

  El Resultado:

   Ejemplo de la función prompt ( ):

< script language="Javascript" >
     < !--

       //Pediremos por teclado el nombre y edad de una persona y mostraremos los datos en la pantalla.
       var nombre=prompt("Porfavor, teclee su nombre"  "anonimo"); //La palabra 'anonimo' es el valor por defecto
       var edad=prompt("Porfavor, teclee su edad",0); // Cero es el valor por defecto
       alert("Nombre: "+nombre+"\n Edad:"+edad);

    //-- >
 < /script >

Si el usuario tecleó sus datos el resultado sería:

Si el usuario no escribe nada, los valores que habíamos colocado por defecto se almacenarán en las variables; observe que los valores asignados por defecto, aparecen seleccionados en el cuadro de texto:

Ejemplo de la función confirm( )

 < script language="Javascript" >
     < !--

     /*Recuerde que esta ventana devuelve un valor booleano (true ó false) según
       la opción que nosotros seleccionemos: aceptar o cancelar respectivamente.*/
       
     //Declaramos una variable para almacenar
       var opc;
       opc=confirm ("Escoja un botón");
       var boton=(opc==true)?"Aceptar":"Cancelar"; //Operador ternario. Equivalente a un if
          alert("Presionó el boton: "+boton);

    //-- >
 < /script >

El resultado sería alguna de las ventanas inferiores según el botón seleccionado:

Por si se han perdido algo de estos tutoriales de Javascript, aquí les dejo los enlaces hacia mis publicaciones anteriores:

• Estructura Básica de Javascript 
• Variables en Javascript 

Saludos.

Las variables en Javascript

Javascript es un lenguaje muy flexible al momento de declarar variables, una variable se declara precediendo la palabra "var" antes del nombre de la variable:

var variable;

¿Y donde queda el tipo de dato?
Pues bien, en Javascript una variable puede almacenar tanto enteros, como cadenas, caracteres, flotantes, booleanos, etc. Todos estos se centran en 4 tipos:

• Number- Para número (reales, flotantes, negativos,etc.).
• String- Cadenas y caracteres
• Boolean-Para condicionales true o false
• Undefined- Para variables que se les ha asignado un valor

Aunque para una variable no importa el tipo de dato al momento de asignarle un valor, por ejemplo:

 < script language="Javascript" >

     < !--

var x="La variable almacena una cadena";
alert( x ); //Mostramos el valor de x
x=12;
alert(x); //Nuevamente lo volvemos a mostrar

     //-->

 < /script >

El resultado sería:

Aunque esto incluye algunas excepciones. Por ejemplo, el resultado de sumar un valor de tipo String y un Number no puede ser lo que esperaríamos.

var x="10";
x=x+10;
alert (x);// Aquí podriamos esperar el número 20 como resultado.

Como vemos lo que ha sucedido fue una concatenación del valor de x y el número 10.
Si nosotros no queremos eso, basta con llamar a la función parseInt( variable).

var x="10";
x=parseInt( x  ) +10;

alert (x);// El resultado será 20

 ¿Cómo saber el tipo de dato que mi variable tiene?
La función typeof( variable ) nos devuelve el tipo de dato que tiene nuestra variable:

var x="10";
alert ( typeof( x ) );
x=10;
alert ( typeof( x ) );
x=true; //booleano
alert ( typeof( x ) );

Y el resultado sería:

 Así pues es como uno puede declarar una variable y mediante la función typeof( ) uno puede saber qué tipo de dato está almacenando la variable.