OK in questo video useremo ciò che abbiamo imparato finora sugli array di javascript per creare una lista di
cose molto semplice da fare.
E ovviamente non abbiamo imparato che il nostro javascript interagisce con il nostro Jim Clancy.
Quindi questa app per fare la lista sarà basata su prompt e avvisi e registri costantemente.
Ma molto presto impareremo a conoscere la mutazione dominante, ecco come otteniamo il nostro javascript per aggiungere l'età
agli elementi di Moul o rimuoverli o cambiarli o aggiungere le SS e a quel punto faremo una
bella lista di cose da fare dove non è solo Konst ma registra.
Quindi, ecco come funzionerà.
Quando aggiorno la pagina, mi chiede cosa mi piacerebbe fare.
E puoi vedere a sinistra Ho tre scelte Posso digitare un nuovo telefono aggiungere un nuovo da fare.
Posso digitare la lista per visualizzare tutto o digitare quit per uscire.
Quindi proviamo a digitare la lista per iniziare.
E mi stampa tutto quello che devo fare, che è solo un array vuoto per ora.
Quindi aggiungiamone uno nuovo.
Notare che mi chiede ancora una volta che non ho dovuto ricaricare tutto il tipo nuovo e ora dice inserire un nuovo da fare.
Quindi vado a piedi arrugginito.
Hit enter e ora mi chiede cosa vorresti fare.
Quindi elencherò e potrò vedere che walk resti è stato aggiunto alla mia lista delle cose da fare.
Aggiungiamone un'altra.
Così nuovo questo sarà feed resti e la lista e ora ho entrambi gli elementi in quella matrice.
Quindi ora per concludere questo ciclo lo prenderò e non mi verrà più richiesto.
Quindi questo è il nostro obiettivo qui.
Andiamo avanti e apriamo sublime e creiamo i file necessari.
Quindi ho una lista.
HMO sta per aggiungere il mio boilerplate per fare la lista.
E poi dentro di qui ho intenzione di andare avanti e aggiungere solo un H1 per mettere in chiaro di fare la
lista e poi alcuni alleati.
Il primo solo per ricordare che i comandi aggiungono un da fare e poi avremo
liste di liste tutte da fare.
E infine smettere di fumare, che è solo per uscire.
Salva questo.
Ora colleghiamo nel nostro file javascript che dobbiamo ancora creare.
E chiamerò quella lista.
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
una console che registra questa volta collegata solo per verificare che tutto funzioni correttamente.
Ora apriamolo nel nostro browser.
Ecco un piccolo elenco e ci colleghiamo.
Eccezionale.
Sto solo andando ad aumentare il font un po 'qui.
Ora parliamo della nostra logica.
Quindi, quello che faremo è usare un array per modellare la nostra lista delle cose da fare.
Quindi avremo bisogno di un
Lo chiamerò per fare e comincerà come vuoto.
E poi la prossima cosa che dobbiamo fare è chiedere l'input all'utente.
Quindi chiameremo solo l'input var di input equals prompt.
Cosa ti piacerebbe fare.
E poi il prossimo passo è solo controllare quale input è se l'input è LISTA.
Faremo una cosa se l'input è nuovo, faremo qualcos'altro.
Quindi proviamolo se l'input e iniziamo controllando solo se è uguale alla lista.
Se questo è il caso, cancelleremo tutto e non fare il login.
Andiamo avanti e aggiungiamo un po 'di cose da fare
qui e aggiungiamone uno qui con il nuovo turtle save e controlliamo se funziona.
Quindi per verificare se funziona si aggiornerà.
E tutto quello che dobbiamo fare è digitare la lista e dovremmo vedere il nostro array che dice comprare nuove tartarughe.
Tuttavia se scriviamo qualcos'altro, non vediamo nulla perché il nostro
codice funziona solo se l'input è uguale alla lista.
Quindi c'è quello.
Il prossimo passo è aggiungere un'altra condizione.
Facciamolo.
Altrimenti se l'input equivale a nuovo.
E se questo è il caso, vogliamo chiedere all'utente
di fare una nuova cosa da fare per chiedere di aggiungere un array di due cose da fare.
Quindi, per chiedere il nuovo da fare, basta usare il prompt per il prompt new equals.
Inserisci un nuovo da fare e quindi per aggiungerlo all'array Dewes abbiamo molte opzioni.
Lo aggiungerò alla fine dell'array.
Quindi tutto usato per spingere nuove cose da fare.
Quindi questo è tutto ciò che dobbiamo fare qui per farlo funzionare.
L'unico problema è che se eseguo questo in questo momento e
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.
In realtà non ho un modo di verificare se ha funzionato.
Potrei andare qui e digitare la console
e posso verificare che entrambi siano qui ma non ho un modo di usare il comando list per stamparli.
E questo perché adesso stiamo solo chiedendo una volta cosa ti piacerebbe fare.
Quindi il prossimo passo è far sì che questo si ripeta.
Volevamo continuare a chiedere più e più volte finché l'utente non ha chiuso.
Quindi spero che ti urli che dovremmo usare un loop.
Vogliamo fare qualcosa più e più volte fino a quando la condizione è vera.
Quindi il ciclo che vogliamo scrivere sarà un
ciclo while e la condizione sarà, mentre input non è uguale a quit.
Quindi, quando c'è qualcos'altro oltre a chiudere, eseguiremo questo codice.
E poi in seguito verrò su quel blog.
OK, esci dall'app in modo da vedere solo un feedback.
Quindi vedremo questa riga solo una volta fatto questo.
Ciò significa che l'utente ha digitato velocemente
e quindi all'interno di qui in fondo chiederemo di nuovo per nuovi input.
E in cima gestiremo l'input.
inizieremo chiedendo all'utente l'input una volta e poi ho
intenzione di spostare questo codice nel ciclo proprio come questo.
Quindi
Quindi chiederò loro una volta che cosa vorresti fare è un input uguale a quit.
Speriamo che non smettano subito.
Ma se lo fanno, basta che tu vada via.
Ma se non digitano quit, andiamo a controllare l'elenco dei tipi di giorno che hanno digitato nuovo.
E poi l'ultima cosa è che abbiamo bisogno di chiedere di nuovo dei nuovi input per chiedere di nuovo un nuovo input.
Tutto ciò che dobbiamo fare è copiare questa linea in basso proprio così.
Quindi lo renderò un po 'più grande.
Quindi qui stiamo chiedendo di nuovo l'input
e questo inizierà a ricominciare da capo e tutto il controllo è uguale all'input per uscire questa volta.
Sì, allora abbiamo finito.
Quindi proviamolo.
Andando ad aggiornare la pagina cosa vorresti fare.
Facciamo nuove assunzioni sono nuove per nutrire nuove tartarughe Cosa ti piacerebbe fare.
Prima mi ha chiesto di nuovo.
Quindi ora ho quei due da fare nella mia lista delle cose da fare.
Adesso proviamo a smettere e noi stiamo bene.
Hai chiuso l'app.
Così ho digitato improvvisamente questa condizione era vero e quindi abbiamo finito.
Quindi formiamo un po 'meglio e poi le cose correttamente.
Quindi è tutto per il nostro elenco di base da fare per ora.
A breve aggiungeremo alcune funzionalità extra e alcuni
altri comandi, ma prima di poter fare ciò dobbiamo imparare alcune cose nuove sugli array.