1 00:00:00,630 --> 00:00:09,470 En este debemos trabajar con los valores que tengamos en estos campos basado en ello contaremos o mostraremos. 2 00:00:09,470 --> 00:00:18,250 Viernes sábado o domingo íbamos a hacer un ejemplo breve nada más aquí se recuerda que ya tenemos seleccionado 3 00:00:18,250 --> 00:00:28,100 esto vamos a ponerle en esta parte otro evento vamos a ver ese día poner a Vélez ener y si recuerda 4 00:00:28,090 --> 00:00:33,300 se le ven y se escuchan muchos tipos de eventos pensemos por ejemplo aquí. 5 00:00:33,330 --> 00:00:43,390 CLIK y pusiéramos una función que se llamara mostrar días que es lo que va a ser es eso mostrar los 6 00:00:43,390 --> 00:00:53,430 días disponibles y vamos a hacer un poco de scroll después de esta función vamos a crear otra llamada 7 00:00:53,550 --> 00:00:57,230 función lustrada días nada más. 8 00:00:57,230 --> 00:01:09,220 Quiero mostrarte algo con el blog acechó click y vamos a recargar y era la primera si lo doy click aquí 9 00:01:10,270 --> 00:01:11,090 vemos que no sale. 10 00:01:11,100 --> 00:01:17,740 Has hecho click podemos cambiar muchas veces sin embargo si el usuario llega y da clic aquí propone 11 00:01:17,740 --> 00:01:26,770 10 y sale pues no hay forma ya de continuar que tal si entra y sale con cero y pues ya no hay forma 12 00:01:26,770 --> 00:01:34,360 de seguir continuando entonces ese evento de clic no nos serviría no servirnos esto sí serviría bastante 13 00:01:35,410 --> 00:01:40,780 pero si el usuario llega y mete un número 10 lo llega y mete un cero. 14 00:01:40,830 --> 00:01:43,710 Pues no va a ser exactamente lo que ocupemos. 15 00:01:44,970 --> 00:01:54,250 Hay otro evento llamado Blur y Blur va a ser muy útil para eso porque por ejemplo voy a cambiar desde 16 00:01:54,350 --> 00:02:02,890 que has hecho click a ponerle pause valio recargo y voy a ponerle aquí 10. 17 00:02:03,340 --> 00:02:10,420 Pero una vez que salgo vemos que me mandan 10 o sea que se queda el valor que yo dejo al final puedo 18 00:02:10,420 --> 00:02:18,570 cambiarla aquí y si salgo vemos que cambia a 18 si regreso y lo pongo en cero vemos que el cero se queda 19 00:02:18,570 --> 00:02:19,410 aquí. 20 00:02:19,680 --> 00:02:27,490 Por lo tanto creo que el Blur es el mejor evento que podemos utilizar para este tipo de ejemplo y voy 21 00:02:27,490 --> 00:02:34,190 a crear los otros dos dos eventos todos van a llamar Army a la misma función así que vamos a poner aquí 22 00:02:34,210 --> 00:02:48,120 Blur mostrar días y pase completo junto al defendiesen Blur Koma mostrar días también todos van a mandar 23 00:02:48,120 --> 00:03:00,430 a lo mismo así que puedo recargar ponerle aquí 1 vamos a ser el 1 2 tengo que recargar 1 2 y de alguna 24 00:03:00,430 --> 00:03:04,650 forma no lo está haciendo aquí suplir está mal escrito. 25 00:03:04,760 --> 00:03:13,290 Ahora si le pongo uno y Podemos que se queda el 1 aquí le pongo 2 vemos que se queda 3 y vemos que se 26 00:03:13,290 --> 00:03:19,590 queda está apareciendo pasearía día porque bueno se queda uno porque nada más tengo ese día pero ahorita 27 00:03:19,590 --> 00:03:25,650 vamos a hacerlo lo suficientemente inteligente para que vaya detectando qué evento es el que se va ejecutando 28 00:03:25,650 --> 00:03:35,120 cada vez vamos a primero a poner una variable que diga pases día que habíamos creado una de boletos 29 00:03:35,360 --> 00:03:39,350 pero sin embargo esta existe existen calcular montos no existen esta variable. 30 00:03:39,440 --> 00:03:47,950 Equipas ese día incluso podríamos copiar esta función estas variables para ahorrarnos un poco de código 31 00:03:50,500 --> 00:03:54,190 y creamos otro arreglo que se llama mostrar 32 00:03:56,480 --> 00:03:58,010 10 elegidos 33 00:04:00,520 --> 00:04:02,470 igual a un arreglo vacío. 34 00:04:03,400 --> 00:04:13,200 Y por ejemplo corazón y boletos día es mayor que cero puede ser mayor que cero o mayor igual a uno cualquiera 35 00:04:13,200 --> 00:04:23,720 de las dos está bien lo mismo y le podemos dar adquirirás elegidos punto. 36 00:04:24,380 --> 00:04:35,810 Y en este caso la agregaríamos el viernes if boletos de dos días mayor que cero los días elegidos apuramos 37 00:04:35,820 --> 00:04:46,950 un Purse y este sería viernes Koma sábado así que no estaríamos agregando a este valor de la RAE 2 2 38 00:04:46,960 --> 00:04:58,200 valores y el último IFF boleto completo mayor que cero días elegidos. 39 00:04:58,210 --> 00:05:08,580 Punto y esto va a ser viernes sábado y domingo y tal vez siga así qué tienen que ver estos días porque 40 00:05:09,080 --> 00:05:14,850 aparte de que son los días en los que el usuario puede elegir cuando abrimos el registro y cuando creé 41 00:05:15,810 --> 00:05:25,410 este formulario tan grande aquí le puse una Heydi que dice viernes y sábado y una Heydi que dice Domingo 42 00:05:25,590 --> 00:05:28,060 son los valores que estoy poniendo aquí. 43 00:05:28,440 --> 00:05:39,690 Por lo tanto puedo ponerla aquí por ejemplo un favor que diga Bahr igual a cero días elegidos. 44 00:05:39,940 --> 00:05:40,890 Punto. 45 00:05:42,620 --> 00:05:55,270 Aquí y menor que el que recorre todos los días elegidos punto Lent y le podemos poner más más y de esta 46 00:05:55,270 --> 00:05:56,680 forma puedo ponerle 47 00:05:59,340 --> 00:06:12,770 document elementa y ahí le puedo pasar los días elegidos en su posición y darle punto Staël punto display 48 00:06:13,790 --> 00:06:21,970 igual a block de momento esto no va a servir porque los días ya se están mostrando tengo que ocultarlos 49 00:06:21,970 --> 00:06:23,370 con CSS. 50 00:06:23,550 --> 00:06:30,190 Hay un selector habíamos puesto una clase que tenía los tres y es contenido día así que puedo seleccionar 51 00:06:30,190 --> 00:06:37,710 esto un poco hacia arriba ponerle contenido al día aquí lo habíamos puesto como un comentario y comentarlo 52 00:06:39,150 --> 00:06:45,130 y guardar cambios y recargó y vemos que no aparece en tus talleres sin embargo aquí te pongo un 1 y 53 00:06:45,150 --> 00:06:52,330 salvo en la consola tenemos un error y viendo el código aquí hay un pequeño error. 54 00:06:52,340 --> 00:07:02,000 Este paréntesis debería estar aquí después de la posición y guardo cambio sin recargo y le ponemos un 55 00:07:02,000 --> 00:07:08,030 1 y vemos que nos aparecen los del viernes viernes y sábado si lo ponemos a uno no vemos que nos aparece 56 00:07:08,030 --> 00:07:14,750 viernes y sábado y si elegimos uno aquí nos aparecen todos los días de la semana. 57 00:07:16,210 --> 00:07:23,300 Solo guardando los valores en una Array estos valores como dije se llaman igual que los Dicks que aquí 58 00:07:23,350 --> 00:07:30,520 tengo los Eiriz y el de boleto un día nada más guarda viernes este guarda viernes y sábado viernes sábado 59 00:07:30,520 --> 00:07:39,580 y domingo y después recorro la Rey posición y le pongo esta el display Block para los ocultaba mostrando 60 00:07:39,700 --> 00:07:47,820 basados en el evento Blur que he creado aquí arriba y que viene siendo este de aquí 61 00:07:56,060 --> 00:08:01,510 puedes ver que se ve bastante bien estamos cerca ya de finalizar este diseño. 62 00:08:01,510 --> 00:08:10,280 Por ejemplo si recargo vemos que el botón de pagar está habilitado podríamos habilitarlo el botón de 63 00:08:10,280 --> 00:08:17,870 calcular también así que vamos a ver cómo deshabilitar esos botones para que el usuario no pueda hacer 64 00:08:17,870 --> 00:08:19,700 clic en ellos.