1
00:00:00,600 --> 00:00:07,790
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.

2
00:00:08,160 --> 00:00:13,290
En natuurlijk hebben we niet geleerd over het hebben van onze javascript omgaan met onze Jim Clancy is ons.

3
00:00:13,350 --> 00:00:18,770
Dus dit te doen lijst app is alles zal worden gebaseerd op aanwijzingen en alert en voortdurend registreert.

4
00:00:18,960 --> 00:00:33,080
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.

5
00:00:33,150 --> 00:00:34,620
Dus hier is hoe het gaat werken.

6
00:00:34,620 --> 00:00:38,480
Toen ik de pagina te vernieuwen vraagt ​​me wat ik zou willen doen.

7
00:00:38,700 --> 00:00:43,870
En u kunt zien aan de linkerkant heb ik drie keuzes die ik kan typen een nieuwe telefoon een nieuwe te doen.

8
00:00:43,920 --> 00:00:47,990
Ik kan lijst typen om alles te bekijken of te typen stoppen om te stoppen.

9
00:00:48,030 --> 00:00:50,780
Dus laten we proberen het typen van de lijst te beginnen.

10
00:00:51,440 --> 00:00:56,190
En drukt me alle to do's die net een lege array voor nu.

11
00:00:56,190 --> 00:00:57,640
Dus laten we een nieuwe toevoegen.

12
00:00:57,750 --> 00:01:04,340
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.

13
00:01:04,560 --> 00:01:07,200
Dus ik ga roestig om te lopen.

14
00:01:07,350 --> 00:01:11,010
Druk op enter en nu vraagt ​​me wat zou je willen doen.

15
00:01:11,220 --> 00:01:16,320
Dus ik zal een lijst en ik kan zien dat lopen Resti is toegevoegd aan mijn To Do lijst.

16
00:01:16,650 --> 00:01:17,830
Laten we voeg een meer.

17
00:01:17,850 --> 00:01:27,790
Zo nieuw deze zal Resti en de lijst te voeden en ik heb nu beide items in deze array.

18
00:01:27,810 --> 00:01:32,180
Dus nu deze cyclus Ik zal het me niet meer de weg wordt gevraagd rekening te beëindigen.

19
00:01:32,430 --> 00:01:33,720
Dus dat is ons doel hier.

20
00:01:34,020 --> 00:01:37,980
Laten we ga je gang en open subliem en maak de benodigde bestanden.

21
00:01:38,700 --> 00:01:39,870
Dus ik heb een lijst.

22
00:01:39,990 --> 00:01:45,280
HMO ga mijn standaardtekst to do list toe te voegen.

23
00:01:45,960 --> 00:01:57,440
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.

24
00:01:58,770 --> 00:02:15,170
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.

25
00:02:15,210 --> 00:02:21,590
En dan tot slot af te sluiten die is gewoon te stoppen.

26
00:02:22,060 --> 00:02:23,220
Red Dit.

27
00:02:23,250 --> 00:02:27,140
Laten we nu schakel in ons javascript bestand dat we nog moeten maken.

28
00:02:27,690 --> 00:02:31,600
En ik ga naar die lijst te bellen.

29
00:02:31,640 --> 00:02:38,420
Jay Ja en dan ga ik naar dat bestand te maken en lijst die J.S te slaan ..

30
00:02:39,540 --> 00:02:50,420
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.

31
00:02:50,430 --> 00:02:54,670
Laten we nu gaan openen dit in onze browser.

32
00:02:55,030 --> 00:02:57,860
Hier is een kleine lijst te doen en we krijgen aangesloten.

33
00:02:58,110 --> 00:02:59,050
Geweldig.

34
00:02:59,700 --> 00:03:01,860
Gewoon naar het lettertype hier te verhogen een beetje.

35
00:03:01,860 --> 00:03:04,050
Laten we nu praten over onze logica.

36
00:03:04,050 --> 00:03:08,500
Dus wat we gaan doen is gebruik maken van een array om ons model To Do lijst.

37
00:03:08,550 --> 00:03:10,010
Dus gaan we een nodig hebben.

38
00:03:10,020 --> 00:03:13,440
Ik ga het bellen om het te doen en het zal beginnen als leeg.

39
00:03:14,490 --> 00:03:18,930
En dan is het volgende wat we moeten doen is vragen aan de gebruiker om invoer.

40
00:03:19,110 --> 00:03:26,020
Dus we gewoon bellen die ingang var ingang gelijk prompt.

41
00:03:26,460 --> 00:03:30,030
Wat zou je willen doen.

42
00:03:31,470 --> 00:03:37,000
En dan is de volgende stap is om gewoon te controleren wat de inbreng is als ingang is LIST.

43
00:03:37,020 --> 00:03:41,660
We gaan een ding doen als ingang is nieuw we gaan iets anders doen.

44
00:03:41,700 --> 00:03:50,310
Dus laten we proberen dat als input en laten we beginnen door gewoon te controleren of het is gelijk aan de lijst.

45
00:03:50,700 --> 00:03:58,050
Als dat het geval is zijn we gewoon gaan om te annuleren meld u niet alles te doen, net als dat.

46
00:03:58,860 --> 00:04:11,040
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.

47
00:04:11,040 --> 00:04:13,120
Dus om te controleren of het werkt zal vernieuwen.

48
00:04:13,320 --> 00:04:19,510
En alles wat we moeten doen is het type lijst en we ons aanbod die zegt koopt nieuwe schildpad zou moeten zien.

49
00:04:19,650 --> 00:04:27,680
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.

50
00:04:28,500 --> 00:04:29,780
Dus er is dat.

51
00:04:29,820 --> 00:04:33,170
De volgende stap is om een ​​andere conditie toe.

52
00:04:33,200 --> 00:04:33,730
Laten we het gewoon doen.

53
00:04:33,720 --> 00:04:37,740
Anders als ingang gelijk is aan nieuw.

54
00:04:38,400 --> 00:04:48,080
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.

55
00:04:48,960 --> 00:04:55,200
Dus om te vragen om het nieuws te doen gebruiken we gewoon prompt voor onze nieuwe te doen is gelijk aan prompt.

56
00:04:56,370 --> 00:05:03,340
Voer nieuws te doen en dan toe te voegen aan de Dewes serie hebben we een heleboel opties.

57
00:05:03,360 --> 00:05:05,860
Ik ga het toe te voegen aan het einde van de array.

58
00:05:05,970 --> 00:05:10,680
Dus al gebruikt om het gebruik van push nieuws te doen.

59
00:05:10,680 --> 00:05:13,670
Dus dat is alles wat we nodig hebben om hier te doen om dit te laten werken.

60
00:05:13,680 --> 00:05:29,300
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.

61
00:05:29,700 --> 00:05:32,220
Ik heb eigenlijk niet over een manier om te controleren of het werkte.

62
00:05:32,550 --> 00:05:42,470
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.

63
00:05:42,780 --> 00:05:47,390
En dat komt omdat op dit moment zijn we gewoon vragen een keer wat zou je willen doen.

64
00:05:47,430 --> 00:05:49,990
Dus de volgende stap is om dit te herhalen.

65
00:05:50,130 --> 00:05:55,210
We wilden houden over en over en over de vraag tot de gebruiker types te stoppen.

66
00:05:55,230 --> 00:05:58,750
Dus hopelijk dat uit schreeuwt om u dat we moeten met behulp van een lus.

67
00:05:58,860 --> 00:06:02,200
We willen iets doen over en tot de voorwaarde waar is.

68
00:06:02,640 --> 00:06:12,570
Dus de lus die we willen schrijven gaat een tijdje lus en de conditie gaat worden, terwijl ingang is niet gelijk aan stoppen.

69
00:06:12,780 --> 00:06:17,720
Dus als het iets anders naast stoppen we gaan deze code uit te voeren.

70
00:06:18,420 --> 00:06:20,760
En dan daarna kom ik naar die blog.

71
00:06:21,070 --> 00:06:27,470
OK je de app te verlaten, zodat we gewoon zien wat feedback.

72
00:06:27,630 --> 00:06:31,370
Dus we zullen zien alleen deze lijn zodra dit wordt gedaan.

73
00:06:31,620 --> 00:06:40,420
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.

74
00:06:40,690 --> 00:06:45,600
En op de top gaan we hanteren ingang.

75
00:06:45,600 --> 00:06:57,860
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.

76
00:06:58,020 --> 00:07:03,950
Dus ik ga ze een keer wat zou je willen doen vragen wordt ingevoerd gelijk is om te stoppen.

77
00:07:04,050 --> 00:07:05,760
Hopelijk ze niet meteen stoppen.

78
00:07:05,820 --> 00:07:08,810
Maar als ze dat doen we gewoon OK je stoppen.

79
00:07:09,030 --> 00:07:13,850
Maar als ze niet het type stoppen we gaan om te controleren tot dag soort lijst deden ze typen nieuw.

80
00:07:14,280 --> 00:07:22,170
En dan het laatste ding is dat we nodig hebben om opnieuw te vragen voor nieuwe input dus opnieuw te vragen voor nieuwe input.

81
00:07:22,170 --> 00:07:28,040
Het enige dat we moeten doen is het kopiëren van deze lijn naar beneden, net als dat.

82
00:07:28,110 --> 00:07:30,440
Dus ik ga dit een beetje groter te maken.

83
00:07:31,590 --> 00:07:39,310
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.

84
00:07:39,600 --> 00:07:41,180
Ja, dan zijn we klaar.

85
00:07:41,580 --> 00:07:42,990
Dus laten we proberen dat uit.

86
00:07:43,230 --> 00:07:46,590
Gaan naar de pagina wat zou je willen doen vernieuwen.

87
00:07:47,010 --> 00:07:55,220
Laten we nieuwe medewerkers zijn nieuw te doen voeden nieuwe schildpad Wat zou u willen doen.

88
00:07:55,260 --> 00:07:57,430
Hij vroeg me weer eerste.

89
00:07:57,870 --> 00:08:00,930
Dus nu heb ik die twee to do's in mijn lijst te doen.

90
00:08:00,990 --> 00:08:04,810
Laten we nu proberen te stoppen en we krijgen OK.

91
00:08:04,830 --> 00:08:05,800
Je stopt de app.

92
00:08:06,090 --> 00:08:10,160
Dus ik typte stoppen met deze aandoening plotseling was het waar en dan zijn we klaar.

93
00:08:10,380 --> 00:08:14,760
Dus laten we vormen alleen dit beetje beter en dan dingen naar behoren.

94
00:08:15,150 --> 00:08:17,500
Dus dat is het voor onze basis te doen lijst voor nu.

95
00:08:17,700 --> 00:08:24,140
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.