1 00:00:00,600 --> 00:00:06,330 OK en este video vamos a usar lo que hemos aprendido hasta ahora sobre las matrices de JavaScript para crear una 2 00:00:06,330 --> 00:00:07,790 lista muy simple de hacer. 3 00:00:08,160 --> 00:00:13,290 Y, por supuesto, no hemos aprendido cómo interactuar nuestro javascript con nuestro Jim Clancy somos nosotros. 4 00:00:13,350 --> 00:00:18,770 Así que esta aplicación de la lista de tareas se basará en avisos, alertas y registros constantes. 5 00:00:18,960 --> 00:00:24,210 Pero muy pronto aprenderemos acerca de la mutación dominante, que es la forma en que obtenemos nuestro javascript para 6 00:00:24,210 --> 00:00:29,400 agregar edad a los elementos de Moul o eliminarlos o cambiarlos o agregar los SS y en ese punto 7 00:00:29,400 --> 00:00:33,080 haremos una lista de cosas que hacer donde no es solo Konst sino registros. 8 00:00:33,150 --> 00:00:34,620 Entonces, así es como va a funcionar. 9 00:00:34,620 --> 00:00:38,480 Cuando actualizo la página, me pregunta qué me gustaría hacer. 10 00:00:38,700 --> 00:00:43,870 Y puede ver a la izquierda tengo tres opciones. Puedo escribir un nuevo teléfono y agregar uno nuevo. 11 00:00:43,920 --> 00:00:47,990 Puedo escribir la lista para ver todo o escribir quit para salir. 12 00:00:48,030 --> 00:00:50,780 Intentemos escribir la lista para comenzar. 13 00:00:51,440 --> 00:00:56,190 Y me imprime todo lo que hacer, que es solo una matriz vacía por ahora. 14 00:00:56,190 --> 00:00:57,640 Entonces, agreguemos uno nuevo. 15 00:00:57,750 --> 00:01:03,870 Tenga en cuenta que me pregunta nuevamente que no tuve que volver a cargar todo el tipo nuevo y ahora dice ingresar una nueva tarea. 16 00:01:04,560 --> 00:01:07,200 Así que voy a caminar oxidado. 17 00:01:07,350 --> 00:01:11,010 Presiona Entrar y ahora me pregunta qué te gustaría hacer. 18 00:01:11,220 --> 00:01:16,320 Así que voy a enumerar y puedo ver que Walk resti se ha agregado a mi lista de tareas pendientes. 19 00:01:16,650 --> 00:01:17,830 Agreguemos uno más. 20 00:01:17,850 --> 00:01:27,790 Tan nuevo este será feed resti y la lista y ahora tengo ambos elementos en ese conjunto. 21 00:01:27,810 --> 00:01:32,180 Así que ahora para finalizar este ciclo lo tomaré. No me vuelvan a preguntar. 22 00:01:32,430 --> 00:01:33,720 Entonces ese es nuestro objetivo aquí. 23 00:01:34,020 --> 00:01:37,980 Avancemos y abrimos sublime y creamos los archivos necesarios. 24 00:01:38,700 --> 00:01:39,870 Entonces tengo una lista. 25 00:01:39,990 --> 00:01:45,280 HMO va a agregar mi lista repetitiva para hacer la lista. 26 00:01:45,960 --> 00:01:55,350 Y luego, dentro de aquí, voy a seguir adelante y agregar solo un H1 para dejar en claro la lista de 27 00:01:55,350 --> 00:01:57,440 tareas y luego algunos aliados. 28 00:01:58,770 --> 00:02:08,580 El primero solo para recordar que los comandos agregan un a hacer y luego vamos a tener una 29 00:02:11,490 --> 00:02:15,170 lista de listas de todo por hacer. 30 00:02:15,210 --> 00:02:21,590 Y finalmente renunció, lo cual es solo para dejarlo. 31 00:02:22,060 --> 00:02:23,220 Guarda esto. 32 00:02:23,250 --> 00:02:27,140 Ahora vamos a vincular en nuestro archivo javascript que todavía tenemos que crear. 33 00:02:27,690 --> 00:02:31,600 Y voy a llamar a esa lista. 34 00:02:31,640 --> 00:02:38,420 Jay Yes y luego voy a crear ese archivo y guardarlo que J. S. Y, por supuesto, como siempre me gusta, comenzaré con una 35 00:02:39,540 --> 00:02:44,640 consola que se conecte esta vez solo para verificar que todo haya funcionado correctamente. 36 00:02:45,630 --> 00:02:50,420 Ahora vamos a abrir esto en nuestro navegador. 37 00:02:50,430 --> 00:02:54,670 Aquí hay una lista de cosas por hacer y nos conectamos. 38 00:02:55,030 --> 00:02:57,860 Increíble. 39 00:02:58,110 --> 00:02:59,050 Solo voy a aumentar un poco la fuente aquí. 40 00:02:59,700 --> 00:03:01,860 Ahora hablemos de nuestra lógica. 41 00:03:01,860 --> 00:03:04,050 Entonces, lo que vamos a hacer es usar una matriz para modelar nuestra lista de tareas pendientes. 42 00:03:04,050 --> 00:03:08,500 Entonces vamos a necesitar un. 43 00:03:08,550 --> 00:03:10,010 Voy a llamarlo a hacer y comenzará como vacío. 44 00:03:10,020 --> 00:03:13,440 Y luego, lo siguiente que debemos hacer es pedirle al usuario su opinión. 45 00:03:14,490 --> 00:03:18,930 Así que simplemente llamaremos a esa entrada var input igual a prompt. 46 00:03:19,110 --> 00:03:26,020 Que te gustaría hacer. 47 00:03:26,460 --> 00:03:30,030 Y luego el siguiente paso es simplemente verificar qué entrada es si la entrada es LISTA. 48 00:03:31,470 --> 00:03:37,000 Vamos a hacer una cosa si la información es nueva, vamos a hacer otra cosa. 49 00:03:37,020 --> 00:03:41,660 Intentemos eso si ingresamos y comencemos simplemente comprobando si es igual a listar. 50 00:03:41,700 --> 00:03:50,310 Si ese es el caso, simplemente vamos a cancelar, no inicie sesión para hacer solo eso. 51 00:03:50,700 --> 00:03:58,050 Avancemos y agreguemos algunos para hacer aquí y agreguemos 52 00:03:58,860 --> 00:04:08,910 uno aquí con el nuevo guardado de tortuga y veamos si esto funciona. 53 00:04:08,910 --> 00:04:11,040 Entonces, para verificar si funciona se actualizará. 54 00:04:11,040 --> 00:04:13,120 Y todo lo que tenemos que hacer es escribir la lista y deberíamos ver nuestra matriz que dice comprar nueva tortuga. 55 00:04:13,320 --> 00:04:19,510 Sin embargo, si escribimos algo más, no vemos nada porque nuestro 56 00:04:19,650 --> 00:04:25,530 código solo se ejecuta si la entrada es igual a list. 57 00:04:25,530 --> 00:04:27,680 Entonces hay eso. 58 00:04:28,500 --> 00:04:29,780 El siguiente paso es agregar otra condición. 59 00:04:29,820 --> 00:04:33,170 Solo hagamos. 60 00:04:33,200 --> 00:04:33,730 De lo contrario, si la entrada es igual a nueva. 61 00:04:33,720 --> 00:04:37,740 Y si ese es el caso, vamos a 62 00:04:38,400 --> 00:04:46,260 querer pedirle al usuario una nueva para pedir nueva para agregar la matriz de dos a hacer. 63 00:04:46,260 --> 00:04:48,080 Entonces, para pedir lo nuevo, simplemente solicitamos el prompt de nuestro nuevo para hacer lo mismo. 64 00:04:48,960 --> 00:04:55,200 Ingrese lo que debe hacer y luego, para agregarlo a la matriz de Dewes, tenemos muchas opciones. 65 00:04:56,370 --> 00:05:03,340 Voy a agregarlo al final de la matriz. 66 00:05:03,360 --> 00:05:05,860 Así que todos solían usar push push para hacer. 67 00:05:05,970 --> 00:05:10,680 Entonces eso es todo lo que tenemos que hacer aquí para que esto funcione. 68 00:05:10,680 --> 00:05:13,670 El único problema es que si ejecuto esto ahora mismo y 69 00:05:13,680 --> 00:05:20,940 pruebo uno nuevo para escribir nuevo, me pide que ingrese uno nuevo para hacer la nueva tortuga de WOC y si presiono Enter ya estoy listo. 70 00:05:20,940 --> 00:05:29,300 De hecho, no tengo forma de verificar si funcionó. 71 00:05:29,700 --> 00:05:32,220 Podría ir aquí y escribir la consola 72 00:05:32,550 --> 00:05:38,850 y puedo verificar si ambos están aquí, pero no tengo forma de usar el comando de lista para imprimirlos. 73 00:05:38,850 --> 00:05:42,470 Y eso es porque ahora mismo estamos preguntando una vez qué te gustaría hacer. 74 00:05:42,780 --> 00:05:47,390 Entonces, el próximo paso es hacer que esto se repita. 75 00:05:47,430 --> 00:05:49,990 Queríamos seguir preguntando una y otra vez hasta que el usuario termine de abandonar. 76 00:05:50,130 --> 00:05:55,210 Así que con suerte te grita que deberíamos usar un bucle. 77 00:05:55,230 --> 00:05:58,750 Queremos hacer algo una y otra vez hasta que la condición sea verdadera. 78 00:05:58,860 --> 00:06:02,200 Entonces, el ciclo que queremos escribir va a ser un 79 00:06:02,640 --> 00:06:08,070 ciclo while y la condición va a ser mientras que la entrada no es igual a salir. 80 00:06:08,130 --> 00:06:12,570 Entonces, cuando hay algo más que no sea salir, vamos a ejecutar este código. 81 00:06:12,780 --> 00:06:17,720 Y luego vendré a ese blog. 82 00:06:18,420 --> 00:06:20,760 De acuerdo, salga de la aplicación para que podamos ver algunos comentarios. 83 00:06:21,070 --> 00:06:27,470 Entonces, solo veremos esta línea una vez que esto esté hecho. 84 00:06:27,630 --> 00:06:31,370 Entonces eso significa que el usuario ha tecleado rápido 85 00:06:31,620 --> 00:06:39,120 y luego, dentro de aquí en la parte inferior, vamos a volver a pedir una nueva entrada. 86 00:06:39,240 --> 00:06:40,420 Y en la parte superior vamos a manejar la entrada. 87 00:06:40,690 --> 00:06:45,600 que vamos a empezar pidiéndole al usuario que ingrese una vez 88 00:06:45,600 --> 00:06:51,540 y luego voy a mover este código al ciclo de la misma manera. 89 00:06:51,540 --> 00:06:52,020 Así 90 00:06:55,290 --> 00:06:57,860 Así que voy a preguntarles una vez qué es lo que les gustaría hacer es ingresar igual que dejar de fumar. 91 00:06:58,020 --> 00:07:03,950 Esperemos que no se detengan de inmediato. 92 00:07:04,050 --> 00:07:05,760 Pero si lo hacen, simplemente nos saldrá bien, renuncia. 93 00:07:05,820 --> 00:07:08,810 Pero si no escriben quit, vamos a consultar la lista de tipos de días si escribieron new. 94 00:07:09,030 --> 00:07:13,850 Y luego, lo último es que tenemos que volver a pedir una nueva entrada para volver a solicitar una nueva entrada. 95 00:07:14,280 --> 00:07:22,140 Todo lo que tenemos que hacer es copiar esta línea así como así. 96 00:07:22,170 --> 00:07:28,040 Así que voy a hacer esto un poco más grande. 97 00:07:28,110 --> 00:07:30,440 Así que aquí estamos pidiendo nuevamente la 98 00:07:31,590 --> 00:07:38,130 entrada y eso comenzará a pasar por el ciclo y todos los controles se ingresan igual para salir esta vez. 99 00:07:38,130 --> 00:07:39,310 Sí, entonces terminamos. 100 00:07:39,600 --> 00:07:41,180 Entonces probemos eso. 101 00:07:41,580 --> 00:07:42,990 Para actualizar la página, ¿qué le gustaría hacer? 102 00:07:43,230 --> 00:07:46,590 Los nuevos empleados son nuevos para alimentar a la nueva tortuga. ¿Qué le gustaría hacer? 103 00:07:47,010 --> 00:07:55,220 Primero me preguntó de nuevo. 104 00:07:55,260 --> 00:07:57,430 Así que ahora tengo esos dos que hacer dentro de mi lista de tareas pendientes. 105 00:07:57,870 --> 00:08:00,930 Ahora intentemos dejar de fumar y nos ponemos bien. 106 00:08:00,990 --> 00:08:04,810 Usted sale de la aplicación. 107 00:08:04,830 --> 00:08:05,800 Así que escribí salir de esta condición de repente, fue cierto y luego terminamos. 108 00:08:06,090 --> 00:08:10,160 Así que vamos a formar esto un poco mejor y luego las cosas de manera adecuada. 109 00:08:10,380 --> 00:08:14,760 Así que eso es todo por nuestra lista de tareas básicas por ahora. 110 00:08:15,150 --> 00:08:17,500 En breve vamos a agregar algunas características adicionales y 111 00:08:17,700 --> 00:08:22,320 algunos otros comandos, pero tenemos que aprender algunas cosas nuevas sobre las matrices antes de que podamos hacer eso. 112 00:08:22,320 --> 00:08:24,140