1 00:00:01,190 --> 00:00:08,470 El primer botón con el que vamos a trabajar es con el de calcular agregaremos aquí la cantidad de boletos 2 00:00:08,470 --> 00:00:17,940 que deseemos y cuando le debemos calcular deseamos obtener unos valores abrir nuestro código y por aquí 3 00:00:17,940 --> 00:00:30,100 tenemos calcular podemos ponerle algo así como calcular junto a Ben Ali Zener y bendicen herba escuchar 4 00:00:30,100 --> 00:00:37,570 por un clic o sea cuando el usuario de clic en el botón de calcular va a ejecutar una función. 5 00:00:37,630 --> 00:00:44,830 Podemos hacerlo de dos formas muchas de las personas les gusta escribir funciones anónimas algo así 6 00:00:44,860 --> 00:00:48,100 y todo el código aquí adentro. 7 00:00:48,100 --> 00:00:55,710 Personalmente a mí me gusta más escribir funciones aparte que eso es lo que vamos a hacer es crear una 8 00:00:55,710 --> 00:01:04,930 función llamada calcular montos y esa función la vamos a llamar aquí abajo. 9 00:01:06,630 --> 00:01:15,570 Función calcular montos de qué vamos a pulsaron Event y Leven de hacer para optimizar la función de 10 00:01:15,620 --> 00:01:17,180 preventores difunto. 11 00:01:19,040 --> 00:01:25,400 Y es que por ejemplo le podemos poner consolon has hecho clic en calcular. 12 00:01:26,360 --> 00:01:34,420 Además para asegurarnos que calcular se está comunicando bien con esta función recargo y doble clic 13 00:01:34,420 --> 00:01:41,770 en inspeccionar consola calcular y vemos que has hecho clic en calcular y puedo dar muchos click y todos 14 00:01:41,770 --> 00:01:45,070 los va a estar monitoreando. 15 00:01:45,070 --> 00:01:49,630 Tenemos esta parte lista vamos. 16 00:01:50,400 --> 00:01:58,290 Primero lo primero que vamos a hacer es aquí que no puedo calcular si el usuario no ha elegido su regalo. 17 00:01:58,290 --> 00:02:09,080 Por lo tanto vamos a tener que crear una variable nueva y este se llama regalo aquí puedes ver que tenemos 18 00:02:09,080 --> 00:02:13,280 el Leydi de regalo podemos darle scroll y esto lo voy a poner aquí afuera. 19 00:02:14,340 --> 00:02:23,830 Y podemos dar regalo y document Bayardi si lo ponemos aquí adentro no va a funcionar por eso es que 20 00:02:23,850 --> 00:02:24,900 lo he puesto fuera. 21 00:02:26,340 --> 00:02:35,190 Y le ponemos relegarlo y vamos a volver a nuestra función que estamos escribiendo y aquí la vamos a 22 00:02:35,190 --> 00:02:48,780 poner por ejemplo y le vamos a poner el regalo valio con sólo regalo algo más para que veas algo lo 23 00:02:49,890 --> 00:02:52,130 regalo Balio y recargo. 24 00:02:53,740 --> 00:03:02,830 Inspeccionó y voy a dejar el regalo así como está con Solveig click y ahora haciendo click y vemos que 25 00:03:02,830 --> 00:03:10,090 nos sale aquí vacío por lo tanto el regalo pues no tiene nada si cambio aquí a pulseras por ejemplo 26 00:03:10,170 --> 00:03:12,190 el clip vemos que aparece Pul. 27 00:03:12,200 --> 00:03:22,190 Entonces podremos escribir aquí un IHF día y regalo punto valio hacia el valor de regalo es igual a 28 00:03:22,190 --> 00:03:32,030 nada está vacío entonces vamos a mandar una alerta que va a decir debes elegir un regalo 29 00:03:35,220 --> 00:03:44,920 y podemos poner aquí regalo un punto Focus también y él en caso de que si pues ya todo lo demás recargo 30 00:03:45,520 --> 00:03:52,320 de calcular y vemos que me dice Debes elegir un regalo aceptar y vemos que me manda a Focus y así te 31 00:03:52,320 --> 00:03:53,070 doy click aquí. 32 00:03:53,070 --> 00:03:57,630 Pulsera por ejemplo le podría poner consolador ya elegiste regalo 33 00:04:00,280 --> 00:04:07,590 y recargamos y vamos a elegir uno podemos calcular que ya dijiste regalo así que todo el código que 34 00:04:07,650 --> 00:04:14,690 hará los cálculos etcétera lo haremos en este el y aquí es donde estaremos leyendo lo que vienen siendo 35 00:04:14,690 --> 00:04:29,100 los datos de de nuestros campos será quien un ejercicio rápido un 1 2 y 3 y para eso tengo aquí ese 36 00:04:29,110 --> 00:04:43,780 día pase 2 días y pase completo me consoló ese día junto valio en su blog pasé dos días junto Badiou 37 00:04:44,410 --> 00:04:48,010 y consolón pase completo. 38 00:04:48,010 --> 00:04:57,050 Punto Radio va a tener que recargar y volver a agregar uno dos tres y dijo Mi regalo y calcular qué 39 00:04:57,060 --> 00:05:09,280 me dice uno tres dos horas de cambio un poco pero no importa así que con eso podemos crear nuestras 40 00:05:09,280 --> 00:05:11,890 variables para tomar estos valores. 41 00:05:11,890 --> 00:05:12,940 Así que vamos a dar 42 00:05:15,910 --> 00:05:20,420 boletos día que va a ser igual. 43 00:05:21,970 --> 00:05:23,730 Ese día. 44 00:05:24,140 --> 00:05:28,040 Punto Radio una coma. 45 00:05:29,460 --> 00:05:39,540 Y vamos a crear todas las variables juntas aquí en este caso boletos dos días igual a pase dos días. 46 00:05:39,540 --> 00:05:42,950 Punto Radio boleto 47 00:05:45,210 --> 00:05:49,020 completo igual la pase completo. 48 00:05:49,020 --> 00:05:56,560 Punto Radio esta forma creó mis tres variables de momento son las que vamos a tener. 49 00:05:56,560 --> 00:06:02,990 Vamos a agregar un poco más poco a poco pero aquí ya tengo las tres boletos días boletos dos días y 50 00:06:02,990 --> 00:06:04,970 boleto completo. 51 00:06:04,970 --> 00:06:15,590 Así que si le doy por ejemplo Consol los boletos día y le pongo más Masaki para concatenar el valor 52 00:06:15,590 --> 00:06:24,800 más boletos día y recargo y le pongo aquí 1 nada más le doy en calcular. 53 00:06:25,220 --> 00:06:36,220 Bueno me faltó elegir mi regalo les dijo que diese boletos días 1 vamos a poner aquí 2 y 3 Calcular 54 00:06:39,040 --> 00:06:40,420 y me faltó cambiar aquella 55 00:06:43,960 --> 00:06:52,740 es que no más escribió uno pensé que había escrito todos los boletos 2 días y boletos completos 2 días 56 00:06:53,570 --> 00:07:02,000 y boletos completos y recargamos vamos a hacerlo rápido nada más para ilustrar el punto aquí. 57 00:07:02,280 --> 00:07:05,850 3 piquetas calcular y vemos que aquí me salen los tres. 58 00:07:06,100 --> 00:07:13,110 O sea que estas tres variables ya tienen la cantidad de boletos ya la cantidad de boletos ya está lista. 59 00:07:13,180 --> 00:07:21,860 Vamos a poner aquí otra variable que va a ser total a pagar el total pagar y esto va a ser igual. 60 00:07:21,870 --> 00:07:25,130 Aquí es donde vamos a hacer algunas operaciones matemáticas. 61 00:07:25,320 --> 00:07:31,650 Va a ser muy simple por ejemplo vamos a multiplicar boletos del día o sea los que son de un día nada 62 00:07:31,650 --> 00:07:41,180 más por 30 lo puedo hacer por 30 así que si tenemos dos pues nos debe dar 60 no más. 63 00:07:41,190 --> 00:07:47,920 Y estos paréntesis es como dije cuando estás en matemáticas que los que están en el paréntesis se resuelve 64 00:07:47,920 --> 00:07:59,260 primero le ponemos otras parentesis boletos dos días por los de dos días cuestan 45 así que si aquí 65 00:07:59,260 --> 00:08:12,980 tenemos tres pues va a ser tres por 45 más y le ponemos por último boleto completo por 50. 66 00:08:13,290 --> 00:08:21,140 Es decir si el usuario pone dos pues van a ser 100 y va a ser la suma de los tres y vamos a comprobar 67 00:08:21,140 --> 00:08:33,330 a ver si cierto con su valor total a pagar y recargamos no se ponen aquí tres poner de aquí 2 x 2 también 68 00:08:34,590 --> 00:08:44,750 seleccionamos nuestro regalo calcular y vemos que dice 280 y si hacemos aquí por ejemplo la cuenta dice 69 00:08:44,880 --> 00:09:00,020 3 por 30 son 90 más 100 190 y otros 90 son 280 parece que que está correcto sin embargo vamos a continuar 70 00:09:00,020 --> 00:09:08,110 agregando más y más funciones y vamos a ver que nos vamos a encontrar con algunos problemillas. 71 00:09:08,480 --> 00:09:14,870 De momento nuestro código va bien está haciendo lo que esperamos y vamos a continuar trabajando con 72 00:09:14,870 --> 00:09:16,360 él en el siguiente video.