El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

JavaScript esencial

Qué es la ventana para ingreso de datos

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Además de los formularios, es posible utilizar las ventanas nativas para capturar hasta cierto tipo de información. Aunque no es una práctica muy común usar este tipo de ventanas, muchas veces puede sernos de gran utilidad. Conoce cómo capturar datos a través de este tipo de ventanas.
04:21

Transcripción

Bajo ciertas circunstancias, las alertas nos van a permitir capturar ciertos datos del usuario, esto es: nos van a ofrecer un espacio donde el usuario podrá capturar información y nosotros podemos darle el tratamiento que deseemos, por ejemplo, guardarlo en una base de datos, en una variable, cualquier cosa que nosotros necesitemos. Pero debes de tener cuidado con algo: no utilizar este tipo de alertas para capturar demasiada información o información que sea muy crucial para el usuario. En este caso en el cual estaremos trabajando, nosotros tenemos un video y podemos ofrecerle al usuario que vea este u otros videos, pero para poder hacerlo necesitará registrarse. Entonces, en lugar de que nos envíe a una página nueva, podemos hacerlo desde aquí. Cuidado, no siempre va a ser necesario que desde aquí hagamos este proceso, puedes hacerlo directamente trabajado en otra página. Pero para poder entender este tipo de ventanas, lo primero que vamos a hacer será crear una variable llamada'email' y utilizaremos el método llamado'prompt'. Dentro de este método llamado'prompt' vamos a tener un mensaje que dice: "Escribe tu correo para ver más videos", y justo aquí debajo vamos a mandar a imprimir lo que existe dentro de la variable'email', es decir, el resultado que obtuvo dependiendo de lo que el usuario haya escrito. Estas instrucciones se van a ejecutar cuando el video esté terminando, así que vamos al final, esperamos a que termine y vemos como este tipo de ventana'prompt' me ofrece este espacio. Aquí yo puedo escribir mi correo electrónico y pondré 'sergiobritor @ gmail. com', pulso el botón Aceptar y vemos como donde se imprime la variable ya tenemos ese dato. Ahora, este tipo de ventanas me recibe un segundo parámetro. De hecho, este segundo parámetro es el valor que podría ir por "default" en ese espacio de escritura. ¿Qué tenemos que hacer? Simplemente, como segundo parámetro de la función'prompt'que estamos utilizando podemos mandar un siguiente mensaje. Vamos a probar nuevamente. Nos colocamos cerca del final y reproducimos y vemos como aparece en este espacio ya, por defecto, el mensaje que dice'data@info. com', que ese es un mensaje que nosotros podemos modificar, quitar o trabajar con él. Ahora, ¿qué sucede si el usuario pulsa el botón Cancelar? En este momento me está regresando un valor "null". Yo necesitaría ejecutar una evaluación o una condición para probar qué sucede con este dato y si yo voy a hacer o no determinada actividad. Para esa situación, lo que yo tengo aquí preparado es una evaluación con un'if', donde lo primero que preguntamos es si el dato es nulo o también nosotros podemos preguntar qué sucede cuando el usuario no escribe nada. Por ejemplo, vamos a dejar aquí este espacio vacío y pulsamos Aceptar. En ese momento podemos ver que el texto que tenemos no aparece, ¿por qué?, porque el usuario no escribió nada. Entonces tenemos dos casos que son inválidos. Uno: cuando el usuario pulsa Cancelar, dos: cuando el usuario no escribe absolutamente nada. Entonces, probamos nuevamente, vamos a ver qué sucede y en este primer caso tenemos ahí ese correo, yo lo voy a cambiar, vamos a poner otro, por ejemplo, 'nombre@ correo. com', pulso el botón Aceptar y se muestra en la línea 14. La línea 14 es esta condición de aquí, quiere decir que estas evaluaciones nunca se cumplieron, es decir, 'email'nunca fue o nulo o nunca fue vacío. Vamos a probar nuevamente pulsando el botón Cancelar de nuestra alerta y vemos como ya me aparece el mensaje que dice'Sin datos', que se ejecuta en la línea 12. Y el último caso a probar es cuando dejamos el texto vacío, lo eliminamos, pulsamos Aceptar y vemos nuevamente como se ejecuta la opción sin datos. De esta manera, ya puedes recuperar información de un usuario utilizando una ventana de tipo'prompt'.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.