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

Cómo generar en JavaScript una ventana de confirmación

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Bajo ciertas situaciones es necesario que el usuario decida si se hace o no determinada actividad, por lo cual es muy importante que el usuario pueda indicarle a la aplicación qué hacer. Aprende cómo trabajar con el tipo de ventanas de confirmación.
03:41

Transcripción

En el caso de una alerta, lo único que podíamos hacer era notificar al usuario, pero habrá ciertas circunstancias donde tú necesites reaccionar dependiendo de la respuesta que el usuario haya tomado. Por ahora, sigamos trabajando con este video y vamos a escuchar cuando termine de reproducirse el video y así podamos preguntar si el usuario desea repetir el video o no. Para este tipo de ventanas, utilizaremos el método'confirm'. Este método'confirm' lo que va a hacer es notificar directamente en pantalla dándonos opciones de poder elegir qué queremos hacer. Vamos a actualizar nuestro navegador y demos Play en el video. Una vez que el video haya terminado, podremos ver este mensaje que dice: "¿Deseas ver el video nuevamente? Aceptar o Cancelar. La idea es que podamos reaccionar ante estos dos botones. Vamos a ver cómo lo podemos hacer, lo primero que necesitaríamos es guardar el resultado de esa evaluación en una variable, para lo cual nosotros vamos a generar una variable llamada'resultado' y guardaremos ahí directamente nuestra alerta. ¿Qué sucede? Lo que nos haya retornado esta alerta, si pulsamos Aceptar o Cancelar, se va a guardar en esta variable llamada resultado, así que vamos a revisar qué es lo que tiene, así que vamos a revisar qué es lo que tiene este dato. Vamos a mandar a'console. log'el resultado, guardamos y actualizamos nuestro navegador y vamos a dar Play al vídeo cerca del final. Una vez que termina, vamos a pulsar ahora el botón Aceptar. Cuando pulsamos el botón Aceptar vemos que el resultado que tiene es un "true". Repitamos nuevamente, demos Play, ahora pulsemos el botón Cancelar, ¿qué sucede? Ahora tenemos un valor llamado "false". De esta forma podemos detectar y podremos hacer una evaluación de la respuesta para saber qué vamos a hacer. Entonces, ¿qué te parece si escribimos aquí 'if', 'resultado'? Y si el resultado fue'true', es decir, si el usuario sí quiere repetir y ver de nuevo el video, entonces vamos a usar la misma referencia que tenemos aquí de video y podemos invocar el método'play'. Este método'play'va a reproducir nuevamente el video. En caso de que nosotros no queramos hacer nada, vamos a forzar ahora que nos envíe a otra página. En este caso, estaremos utilizando 'window. location'y enviándolo hacia una URL. Vamos a actualizar nuevamente nuestro navegador, vamos a dar Play y vamos a colocarnos cerca del final. El video termina de reproducirse y pregunta: "¿Deseas ver el video nuevamente? " Si yo pulso Aceptar, esto me genera un valor "true", por tanto, aquí, esta condición se va a cumplir. Recuerda: en ese tipo de condiciones, cuando sabemos que el valor que viene es un valor "booleano", no es necesario que yo ejecute esta evaluación: 'resultado=true'. Simplemente, como sabemos que es un valor "booleano", con que yo exprese la variable que yo deseo evaluar, la misma estructura de control se va a encargar de hacer todo el proceso. Ahora vamos a pulsar el botón Aceptar y vemos como el video comienza nuevamente. ¿Y qué sucede en el caso contrario? Movemos nuestro video cerca del final, pulsamos el botón Cancelar y con esto podemos ver como nos comienza redireccionar hacia otro sitio. De esta forma, ya puedes tú tener un control sobre lo que sucede al final del video o sobre lo que tú deseas hacer, dependiendo de lo que el usuario haya elegido en su mensaje de confirmación.

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.