La función prompt() (Cuadro de diálogo).

La función prompt() (cuadro de diálogo) es un método del objeto window

Se utiliza para crear cuadros de diálogos en los cuales el visitante / usuario puede:

• Leer un mensaje. Ingresar un valor (cadena de texto o número). Cancelar o aceptar el cuadro.

Función prompt(): Cuando un cuadro tipo prompt() es disparado, se muestra un mensaje de texto con un botón de "Aceptar" y otro de "Cancelar". También tenemos un cuadro de texto donde es posible ingresar un valor (cadena de texto o dato numérico) que podemos almacenar en una variable para luego utilizarla en el código del JavaScript. A diferencia del cuadro tipo alert(), éste devuelve un valor. Ese valor es el que ingresa el visitante en el cuadro de texto y, como dijimos, podemos almacenarlo para su uso posterior.

Estructura de prompt()

• variable = prompt ("expresion-javascript", "valor-defecto")

Captura de un cuadro tipo prompt()

La expresion-javascript es el mensaje de texto alfanumérico que se muestra en el cuadro. Si este valor es una cadena de texto debemos colocarlo entre comillas. En el caso que sea una variable o dato numérico debemos omitir las comillas.

El parámetro valor-defecto es una cadena de texto o dato numérico que se mostrará por defecto en el cuadro de texto del prompt(). Este parámetro no es obligatorio por lo que, si no lo colocamos, el cuadro se mostrará vacío. Está de más decir que este valor puede ser editado por el usuario.

Para definir un cuadro como el de la figura anterior deberíamos escribir:

variable = prompt ("Este es un cuadro tipo prompt()","Acá escribimos el valor por defecto")

Podemos ver que la expresion-javascript se muestra como mensaje en el cuadro para que el visitante la pueda leer. Este mensaje generalmente hace referencia al tipo de contenido que debe escribirse en el cuadro de texto y no puede ser editada por el usuario. El valor-defecto (segundo parámetro) se muestra como texto por defecto a la carga del cuadro prompt().

En el caso que el visitante acepte el cuadro mediante el botón "Aceptar", se almacena en variable el texto escrito. En el ejemplo ésta variable tomará el valor "Acá escribimos el valor por defecto". Puede darse la posibilidad que el usuario no acepte el cuadro, es decir que haga un clic en "Cancelar". En este caso el cuadro devuelve como valor la cadena null. No es obligatorio almacenar el texto del prompt() en una variable pero sí muy útil y aconsejable, ya que en esta variable estará lo que el usuario nos quiere transmitir a nosotros como propietarios del sitio.

En cualquiera de los dos parámetros del método podemos utilizar expresiones y/o variables. En el segundo caso debemos omitir las comillas y a su vez podemos concatenar los diferentes valores. Un ejemplo sería:

var nombre = "Pedro"
dato = prompt ("Hola "+nombre+", ingresa tu edad","Ingresa tu edad aquí "+nombre)

En este caso utilizamos para el primer parámetro la cadena "Hola " más el valor de la variable nombre y como texto default definido en el segundo parámetro del prompt() hicimos lo mismo. Si la variable nombre tiene como valor la cadena "Pedro" el cuadro quedará de esta manera:

Vemos como es posible utilizar cadenas de texto concatenadas con variables. Si quisiéramos realizar cálculos con los datos ingresados en el cuadro podríamos hacerlo sin problema, pero en este caso debemos verificar que el dato ingresado es un número y no una cadena de texto a la cual no se le puede realizar una operación de suma, resta, etc.

Algo muy importante que debemos tener en cuenta es que si el usuario presiona el botón de cierre () de la ventana del prompt(), la variable tomará siempre el valor null.