- A través de un formulario HTML. En efecto, dada la propia naturaleza y razón de ser de JavaScript, siempre se trata de códigos que se ejecutan integrados en una página WEB. Los datos que se manejen podrán transferirse desde el código HTML al código de JavaScript y viceversa. Este modo lo vamos a estudiar en posteriores post, no se desesperen.
- Directamente a través del programa de JavaScript
La última modalidad es lo que vamos a tratar en este post. Para ello emplearemos la función prompt, para ver su funcionamiento, consideremos el siguiente ejemplo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
var nombre =
prompt("Introduzca su nombre");
alert
("Ok. Su nombre es: " + nombre);
</script>
</head>
<body>
</body>
</html>
Fijaremos nuestra atención en la línea resaltada, es la manera en que trabaja la función prompt(). Lo que hacemos es asignarle el resultado de esta función a una variable. Cuando se ejecuta este código, la función prompt() muestra un cuadro como el que se muestra a continuación:
Como ven nos muestra un cuadro que nos permite ingresar un texto, el texto "Introduzca su
nombre" es el que pusimos en la función. Por último, vemos en la parte derecha dos botones. Supongamos que el usuario teclea en la caja de texto el nombre de Emmanuel, cuando pulsa el botón Aceptar o bien la tecla Enter, veremos el siguiente cuadro:
Como ven, aparecerá el valor de la variable que el usuario ha ingresado a través de la función prompt(), si el usuario presiona la tecla [Esc] o Cancelar, se mostrará lo que aparece en la siguiente imagen.
Podemos también asignarle una respuesta predeterminada, para eso, consideremos el siguiente ejemplo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
var ciudad =
prompt("Introduzca su ciudad","Guadalajara");
alert
("Ok. Su ciudad es: " + ciudad);
</script>
</head>
<body>
</body>
</html>
No hay comentarios.:
Publicar un comentario