OK in deze video gaan we gebruik maken van wat we tot nu toe hebben geleerd over javascript arrays te bouwen een zeer eenvoudige to do list.
En natuurlijk hebben we niet geleerd over het hebben van onze javascript omgaan met onze Jim Clancy is ons.
Dus dit te doen lijst app is alles zal worden gebaseerd op aanwijzingen en alert en voortdurend registreert.
Maar zeer binnenkort zullen we leren over dominante mutatie dat is hoe we onze javascript om de leeftijd toe te voegen aan Moul elementen of te verwijderen of te wijzigen of toe te voegen aan de SS en op dat punt zullen we daadwerkelijk een leuk uitziende naar overzicht waar doen het is niet alleen maar Konst logs.
Dus hier is hoe het gaat werken.
Toen ik de pagina te vernieuwen vraagt ​​me wat ik zou willen doen.
En u kunt zien aan de linkerkant heb ik drie keuzes die ik kan typen een nieuwe telefoon een nieuwe te doen.
Ik kan lijst typen om alles te bekijken of te typen stoppen om te stoppen.
Dus laten we proberen het typen van de lijst te beginnen.
En drukt me alle to do's die net een lege array voor nu.
Dus laten we een nieuwe toevoegen.
Merk op dat het vraagt ​​me weer dat ik niet heb om alle soorten herladen nieuwe en nu zegt dat u een nieuwe te doen.
Dus ik ga roestig om te lopen.
Druk op enter en nu vraagt ​​me wat zou je willen doen.
Dus ik zal een lijst en ik kan zien dat lopen Resti is toegevoegd aan mijn To Do lijst.
Laten we voeg een meer.
Zo nieuw deze zal Resti en de lijst te voeden en ik heb nu beide items in deze array.
Dus nu deze cyclus Ik zal het me niet meer de weg wordt gevraagd rekening te beëindigen.
Dus dat is ons doel hier.
Laten we ga je gang en open subliem en maak de benodigde bestanden.
Dus ik heb een lijst.
HMO ga mijn standaardtekst to do list toe te voegen.
En dan de binnenkant van hier ga ik om verder te gaan en voeg in slechts een H1 om duidelijk te maken te doen lijst en vervolgens een paar bondgenoten.
De eerste gewoon zo dat we niet vergeten dat opdrachten toevoegen van een te doen en dan gaan we naar de lijst hebben een lijst van alle to do's.
En dan tot slot af te sluiten die is gewoon te stoppen.
Red Dit.
Laten we nu schakel in ons javascript bestand dat we nog moeten maken.
En ik ga naar die lijst te bellen.
Jay Ja en dan ga ik naar dat bestand te maken en lijst die J.S te slaan ..
En natuurlijk, zoals ik graag altijd te doen Ik ga om te beginnen door gewoon laten we een console die dit keer aangesloten gewoon om te controleren dat alles correct werkte loggen.
Laten we nu gaan openen dit in onze browser.
Hier is een kleine lijst te doen en we krijgen aangesloten.
Geweldig.
Gewoon naar het lettertype hier te verhogen een beetje.
Laten we nu praten over onze logica.
Dus wat we gaan doen is gebruik maken van een array om ons model To Do lijst.
Dus gaan we een nodig hebben.
Ik ga het bellen om het te doen en het zal beginnen als leeg.
En dan is het volgende wat we moeten doen is vragen aan de gebruiker om invoer.
Dus we gewoon bellen die ingang var ingang gelijk prompt.
Wat zou je willen doen.
En dan is de volgende stap is om gewoon te controleren wat de inbreng is als ingang is LIST.
We gaan een ding doen als ingang is nieuw we gaan iets anders doen.
Dus laten we proberen dat als input en laten we beginnen door gewoon te controleren of het is gelijk aan de lijst.
Als dat het geval is zijn we gewoon gaan om te annuleren meld u niet alles te doen, net als dat.
Laten we gaan door en voeg in een aantal te doen hier en laten we één hier toevoegen door nieuwe schildpad slaan en laten we gaan kijken of dit werkt.
Dus om te controleren of het werkt zal vernieuwen.
En alles wat we moeten doen is het type lijst en we ons aanbod die zegt koopt nieuwe schildpad zou moeten zien.
Maar als we het type iets anders iets anders hebben we niets zien omdat onze code alleen draait als ingang gelijk is aan de lijst is.
Dus er is dat.
De volgende stap is om een ​​andere conditie toe.
Laten we het gewoon doen.
Anders als ingang gelijk is aan nieuw.
En als dat het geval is gaan we willen de gebruiker vragen om een ​​nieuwe te doen is vragen om nieuwe te doen twee tot de serie te doen.
Dus om te vragen om het nieuws te doen gebruiken we gewoon prompt voor onze nieuwe te doen is gelijk aan prompt.
Voer nieuws te doen en dan toe te voegen aan de Dewes serie hebben we een heleboel opties.
Ik ga het toe te voegen aan het einde van de array.
Dus al gebruikt om het gebruik van push nieuws te doen.
Dus dat is alles wat we nodig hebben om hier te doen om dit te laten werken.
Het enige probleem is dat als ik dit recht nu lopen en ik probeer een had een nieuwe te doen typen nieuwe vraagt ​​men om een ​​nieuw in te voeren om te doen laten we het doen WOC nieuwe schildpad en als ik druk op Enter ik klaar ben.
Ik heb eigenlijk niet over een manier om te controleren of het werkte.
Ik kon hier en typ gaan in de console en ik kan controleren OK beiden zijn hier, maar ik heb geen manier van het gebruik van de lijst opdracht om ze uit te printen hebben.
En dat komt omdat op dit moment zijn we gewoon vragen een keer wat zou je willen doen.
Dus de volgende stap is om dit te herhalen.
We wilden houden over en over en over de vraag tot de gebruiker types te stoppen.
Dus hopelijk dat uit schreeuwt om u dat we moeten met behulp van een lus.
We willen iets doen over en tot de voorwaarde waar is.
Dus de lus die we willen schrijven gaat een tijdje lus en de conditie gaat worden, terwijl ingang is niet gelijk aan stoppen.
Dus als het iets anders naast stoppen we gaan deze code uit te voeren.
En dan daarna kom ik naar die blog.
OK je de app te verlaten, zodat we gewoon zien wat feedback.
Dus we zullen zien alleen deze lijn zodra dit wordt gedaan.
Dus dat betekent dat de gebruiker heeft snel getypt en dan de binnenkant van hier op de bodem gaan we opnieuw te vragen voor nieuwe input.
En op de top gaan we hanteren ingang.
Dus we gaan beginnen met de vraag van de gebruiker voor input een keer en dan ga ik deze code te verplaatsen naar de lus net als dit.
Dus ik ga ze een keer wat zou je willen doen vragen wordt ingevoerd gelijk is om te stoppen.
Hopelijk ze niet meteen stoppen.
Maar als ze dat doen we gewoon OK je stoppen.
Maar als ze niet het type stoppen we gaan om te controleren tot dag soort lijst deden ze typen nieuw.
En dan het laatste ding is dat we nodig hebben om opnieuw te vragen voor nieuwe input dus opnieuw te vragen voor nieuwe input.
Het enige dat we moeten doen is het kopiëren van deze lijn naar beneden, net als dat.
Dus ik ga dit een beetje groter te maken.
Dus hier zijn we vragen voor de input weer en dat zal beginnen om lus over en alle check wordt ingevoerd gelijk is aan deze tijd te stoppen.
Ja, dan zijn we klaar.
Dus laten we proberen dat uit.
Gaan naar de pagina wat zou je willen doen vernieuwen.
Laten we nieuwe medewerkers zijn nieuw te doen voeden nieuwe schildpad Wat zou u willen doen.
Hij vroeg me weer eerste.
Dus nu heb ik die twee to do's in mijn lijst te doen.
Laten we nu proberen te stoppen en we krijgen OK.
Je stopt de app.
Dus ik typte stoppen met deze aandoening plotseling was het waar en dan zijn we klaar.
Dus laten we vormen alleen dit beetje beter en dan dingen naar behoren.
Dus dat is het voor onze basis te doen lijst voor nu.
Binnenkort gaan we een aantal extra functies en een aantal andere commando's toe te voegen, maar we moeten een paar nieuwe dingen te leren over arrays voordat we dat kunnen doen.