1 00:00:00,600 --> 00:00:06,330 OK in questo video useremo ciò che abbiamo imparato finora sugli array di javascript per creare una lista di 2 00:00:06,330 --> 00:00:07,790 cose molto semplice da fare. 3 00:00:08,160 --> 00:00:13,290 E ovviamente non abbiamo imparato che il nostro javascript interagisce con il nostro Jim Clancy. 4 00:00:13,350 --> 00:00:18,770 Quindi questa app per fare la lista sarà basata su prompt e avvisi e registri costantemente. 5 00:00:18,960 --> 00:00:24,210 Ma molto presto impareremo a conoscere la mutazione dominante, ecco come otteniamo il nostro javascript per aggiungere l'età 6 00:00:24,210 --> 00:00:29,400 agli elementi di Moul o rimuoverli o cambiarli o aggiungere le SS e a quel punto faremo una 7 00:00:29,400 --> 00:00:33,080 bella lista di cose da fare dove non è solo Konst ma registra. 8 00:00:33,150 --> 00:00:34,620 Quindi, ecco come funzionerà. 9 00:00:34,620 --> 00:00:38,480 Quando aggiorno la pagina, mi chiede cosa mi piacerebbe fare. 10 00:00:38,700 --> 00:00:43,870 E puoi vedere a sinistra Ho tre scelte Posso digitare un nuovo telefono aggiungere un nuovo da fare. 11 00:00:43,920 --> 00:00:47,990 Posso digitare la lista per visualizzare tutto o digitare quit per uscire. 12 00:00:48,030 --> 00:00:50,780 Quindi proviamo a digitare la lista per iniziare. 13 00:00:51,440 --> 00:00:56,190 E mi stampa tutto quello che devo fare, che è solo un array vuoto per ora. 14 00:00:56,190 --> 00:00:57,640 Quindi aggiungiamone uno nuovo. 15 00:00:57,750 --> 00:01:03,870 Notare che mi chiede ancora una volta che non ho dovuto ricaricare tutto il tipo nuovo e ora dice inserire un nuovo da fare. 16 00:01:04,560 --> 00:01:07,200 Quindi vado a piedi arrugginito. 17 00:01:07,350 --> 00:01:11,010 Hit enter e ora mi chiede cosa vorresti fare. 18 00:01:11,220 --> 00:01:16,320 Quindi elencherò e potrò vedere che walk resti è stato aggiunto alla mia lista delle cose da fare. 19 00:01:16,650 --> 00:01:17,830 Aggiungiamone un'altra. 20 00:01:17,850 --> 00:01:27,790 Così nuovo questo sarà feed resti e la lista e ora ho entrambi gli elementi in quella matrice. 21 00:01:27,810 --> 00:01:32,180 Quindi ora per concludere questo ciclo lo prenderò e non mi verrà più richiesto. 22 00:01:32,430 --> 00:01:33,720 Quindi questo è il nostro obiettivo qui. 23 00:01:34,020 --> 00:01:37,980 Andiamo avanti e apriamo sublime e creiamo i file necessari. 24 00:01:38,700 --> 00:01:39,870 Quindi ho una lista. 25 00:01:39,990 --> 00:01:45,280 HMO sta per aggiungere il mio boilerplate per fare la lista. 26 00:01:45,960 --> 00:01:55,350 E poi dentro di qui ho intenzione di andare avanti e aggiungere solo un H1 per mettere in chiaro di fare la 27 00:01:55,350 --> 00:01:57,440 lista e poi alcuni alleati. 28 00:01:58,770 --> 00:02:08,580 Il primo solo per ricordare che i comandi aggiungono un da fare e poi avremo 29 00:02:11,490 --> 00:02:15,170 liste di liste tutte da fare. 30 00:02:15,210 --> 00:02:21,590 E infine smettere di fumare, che è solo per uscire. 31 00:02:22,060 --> 00:02:23,220 Salva questo. 32 00:02:23,250 --> 00:02:27,140 Ora colleghiamo nel nostro file javascript che dobbiamo ancora creare. 33 00:02:27,690 --> 00:02:31,600 E chiamerò quella lista. 34 00:02:31,640 --> 00:02:38,420 Jay Sì e poi ho intenzione di creare quel file e salvarlo nell'elenco che J. S. E naturalmente, come mi piace sempre fare, comincerò facendo solo 35 00:02:39,540 --> 00:02:44,640 una console che registra questa volta collegata solo per verificare che tutto funzioni correttamente. 36 00:02:45,630 --> 00:02:50,420 Ora apriamolo nel nostro browser. 37 00:02:50,430 --> 00:02:54,670 Ecco un piccolo elenco e ci colleghiamo. 38 00:02:55,030 --> 00:02:57,860 Eccezionale. 39 00:02:58,110 --> 00:02:59,050 Sto solo andando ad aumentare il font un po 'qui. 40 00:02:59,700 --> 00:03:01,860 Ora parliamo della nostra logica. 41 00:03:01,860 --> 00:03:04,050 Quindi, quello che faremo è usare un array per modellare la nostra lista delle cose da fare. 42 00:03:04,050 --> 00:03:08,500 Quindi avremo bisogno di un 43 00:03:08,550 --> 00:03:10,010 Lo chiamerò per fare e comincerà come vuoto. 44 00:03:10,020 --> 00:03:13,440 E poi la prossima cosa che dobbiamo fare è chiedere l'input all'utente. 45 00:03:14,490 --> 00:03:18,930 Quindi chiameremo solo l'input var di input equals prompt. 46 00:03:19,110 --> 00:03:26,020 Cosa ti piacerebbe fare. 47 00:03:26,460 --> 00:03:30,030 E poi il prossimo passo è solo controllare quale input è se l'input è LISTA. 48 00:03:31,470 --> 00:03:37,000 Faremo una cosa se l'input è nuovo, faremo qualcos'altro. 49 00:03:37,020 --> 00:03:41,660 Quindi proviamolo se l'input e iniziamo controllando solo se è uguale alla lista. 50 00:03:41,700 --> 00:03:50,310 Se questo è il caso, cancelleremo tutto e non fare il login. 51 00:03:50,700 --> 00:03:58,050 Andiamo avanti e aggiungiamo un po 'di cose da fare 52 00:03:58,860 --> 00:04:08,910 qui e aggiungiamone uno qui con il nuovo turtle save e controlliamo se funziona. 53 00:04:08,910 --> 00:04:11,040 Quindi per verificare se funziona si aggiornerà. 54 00:04:11,040 --> 00:04:13,120 E tutto quello che dobbiamo fare è digitare la lista e dovremmo vedere il nostro array che dice comprare nuove tartarughe. 55 00:04:13,320 --> 00:04:19,510 Tuttavia se scriviamo qualcos'altro, non vediamo nulla perché il nostro 56 00:04:19,650 --> 00:04:25,530 codice funziona solo se l'input è uguale alla lista. 57 00:04:25,530 --> 00:04:27,680 Quindi c'è quello. 58 00:04:28,500 --> 00:04:29,780 Il prossimo passo è aggiungere un'altra condizione. 59 00:04:29,820 --> 00:04:33,170 Facciamolo. 60 00:04:33,200 --> 00:04:33,730 Altrimenti se l'input equivale a nuovo. 61 00:04:33,720 --> 00:04:37,740 E se questo è il caso, vogliamo chiedere all'utente 62 00:04:38,400 --> 00:04:46,260 di fare una nuova cosa da fare per chiedere di aggiungere un array di due cose da fare. 63 00:04:46,260 --> 00:04:48,080 Quindi, per chiedere il nuovo da fare, basta usare il prompt per il prompt new equals. 64 00:04:48,960 --> 00:04:55,200 Inserisci un nuovo da fare e quindi per aggiungerlo all'array Dewes abbiamo molte opzioni. 65 00:04:56,370 --> 00:05:03,340 Lo aggiungerò alla fine dell'array. 66 00:05:03,360 --> 00:05:05,860 Quindi tutto usato per spingere nuove cose da fare. 67 00:05:05,970 --> 00:05:10,680 Quindi questo è tutto ciò che dobbiamo fare qui per farlo funzionare. 68 00:05:10,680 --> 00:05:13,670 L'unico problema è che se eseguo questo in questo momento e 69 00:05:13,680 --> 00:05:20,940 provo ad averne una nuova da digitare nuovo, mi chiede di inserire un nuovo per fare facciamo WOC nuova tartaruga e se premo Invio, ho finito. 70 00:05:20,940 --> 00:05:29,300 In realtà non ho un modo di verificare se ha funzionato. 71 00:05:29,700 --> 00:05:32,220 Potrei andare qui e digitare la console 72 00:05:32,550 --> 00:05:38,850 e posso verificare che entrambi siano qui ma non ho un modo di usare il comando list per stamparli. 73 00:05:38,850 --> 00:05:42,470 E questo perché adesso stiamo solo chiedendo una volta cosa ti piacerebbe fare. 74 00:05:42,780 --> 00:05:47,390 Quindi il prossimo passo è far sì che questo si ripeta. 75 00:05:47,430 --> 00:05:49,990 Volevamo continuare a chiedere più e più volte finché l'utente non ha chiuso. 76 00:05:50,130 --> 00:05:55,210 Quindi spero che ti urli che dovremmo usare un loop. 77 00:05:55,230 --> 00:05:58,750 Vogliamo fare qualcosa più e più volte fino a quando la condizione è vera. 78 00:05:58,860 --> 00:06:02,200 Quindi il ciclo che vogliamo scrivere sarà un 79 00:06:02,640 --> 00:06:08,070 ciclo while e la condizione sarà, mentre input non è uguale a quit. 80 00:06:08,130 --> 00:06:12,570 Quindi, quando c'è qualcos'altro oltre a chiudere, eseguiremo questo codice. 81 00:06:12,780 --> 00:06:17,720 E poi in seguito verrò su quel blog. 82 00:06:18,420 --> 00:06:20,760 OK, esci dall'app in modo da vedere solo un feedback. 83 00:06:21,070 --> 00:06:27,470 Quindi vedremo questa riga solo una volta fatto questo. 84 00:06:27,630 --> 00:06:31,370 Ciò significa che l'utente ha digitato velocemente 85 00:06:31,620 --> 00:06:39,120 e quindi all'interno di qui in fondo chiederemo di nuovo per nuovi input. 86 00:06:39,240 --> 00:06:40,420 E in cima gestiremo l'input. 87 00:06:40,690 --> 00:06:45,600 inizieremo chiedendo all'utente l'input una volta e poi ho 88 00:06:45,600 --> 00:06:51,540 intenzione di spostare questo codice nel ciclo proprio come questo. 89 00:06:51,540 --> 00:06:52,020 Quindi 90 00:06:55,290 --> 00:06:57,860 Quindi chiederò loro una volta che cosa vorresti fare è un input uguale a quit. 91 00:06:58,020 --> 00:07:03,950 Speriamo che non smettano subito. 92 00:07:04,050 --> 00:07:05,760 Ma se lo fanno, basta che tu vada via. 93 00:07:05,820 --> 00:07:08,810 Ma se non digitano quit, andiamo a controllare l'elenco dei tipi di giorno che hanno digitato nuovo. 94 00:07:09,030 --> 00:07:13,850 E poi l'ultima cosa è che abbiamo bisogno di chiedere di nuovo dei nuovi input per chiedere di nuovo un nuovo input. 95 00:07:14,280 --> 00:07:22,140 Tutto ciò che dobbiamo fare è copiare questa linea in basso proprio così. 96 00:07:22,170 --> 00:07:28,040 Quindi lo renderò un po 'più grande. 97 00:07:28,110 --> 00:07:30,440 Quindi qui stiamo chiedendo di nuovo l'input 98 00:07:31,590 --> 00:07:38,130 e questo inizierà a ricominciare da capo e tutto il controllo è uguale all'input per uscire questa volta. 99 00:07:38,130 --> 00:07:39,310 Sì, allora abbiamo finito. 100 00:07:39,600 --> 00:07:41,180 Quindi proviamolo. 101 00:07:41,580 --> 00:07:42,990 Andando ad aggiornare la pagina cosa vorresti fare. 102 00:07:43,230 --> 00:07:46,590 Facciamo nuove assunzioni sono nuove per nutrire nuove tartarughe Cosa ti piacerebbe fare. 103 00:07:47,010 --> 00:07:55,220 Prima mi ha chiesto di nuovo. 104 00:07:55,260 --> 00:07:57,430 Quindi ora ho quei due da fare nella mia lista delle cose da fare. 105 00:07:57,870 --> 00:08:00,930 Adesso proviamo a smettere e noi stiamo bene. 106 00:08:00,990 --> 00:08:04,810 Hai chiuso l'app. 107 00:08:04,830 --> 00:08:05,800 Così ho digitato improvvisamente questa condizione era vero e quindi abbiamo finito. 108 00:08:06,090 --> 00:08:10,160 Quindi formiamo un po 'meglio e poi le cose correttamente. 109 00:08:10,380 --> 00:08:14,760 Quindi è tutto per il nostro elenco di base da fare per ora. 110 00:08:15,150 --> 00:08:17,500 A breve aggiungeremo alcune funzionalità extra e alcuni 111 00:08:17,700 --> 00:08:22,320 altri comandi, ma prima di poter fare ciò dobbiamo imparare alcune cose nuove sugli array. 112 00:08:22,320 --> 00:08:24,140