1
00:00:00,700 --> 00:00:02,670
OK dus we gaan verder waar we gebleven waren.

2
00:00:02,790 --> 00:00:08,620
We gaan beginnen met het toevoegen in een deel van het gedrag voor als u op de juiste kleur en wanneer u op de verkeerde kleur.

3
00:00:08,640 --> 00:00:10,860
Dus laten we beginnen met wanneer je de verkeerde kleur te kiezen.

4
00:00:11,010 --> 00:00:16,000
Wat wij willen doen is fade deze uit, zodat het overeenkomt met de achtergrondkleur hier.

5
00:00:16,170 --> 00:00:18,070
Dus dat is eigenlijk vrij eenvoudig.

6
00:00:18,070 --> 00:00:31,080
Het is gewoon een kwestie van het schrijven van dit dot stijl die achtergrond is gelijk aan en dan moeten we alleen maar om de kleur die we in onze C Ss lijkt op die overeenkomen.

7
00:00:31,080 --> 00:00:33,980
Dus we zullen plakken die in en op te slaan.

8
00:00:34,530 --> 00:00:35,470
Laten we eens testen het uit.

9
00:00:35,610 --> 00:00:37,050
Laten we op een van de verkeerde.

10
00:00:37,140 --> 00:00:41,670
Je kunt zien dat het verdwijnt en als ik de juiste geklikt krijgen we nog steeds onze alert.

11
00:00:42,060 --> 00:00:43,710
OK dus ik zal vernieuwen.

12
00:00:43,710 --> 00:00:45,490
Dus dat is wat we gaan om mee te beginnen.

13
00:00:45,600 --> 00:00:52,280
En de andere ding dat we willen al gebeurt is dat we willen een beeldscherm, zodat u hier kunt zien.

14
00:00:52,320 --> 00:00:56,700
Er wordt een display dus als ik op een van de kleuren op en het zegt probeer het opnieuw.

15
00:00:57,090 --> 00:01:05,620
En als ik het goed als hier het toont juist en dan zal zich richten op de andere dingen zoals het veranderen van de kleur.

16
00:01:05,820 --> 00:01:07,290
Zodra we dat eerste deel.

17
00:01:07,350 --> 00:01:14,370
Dus laten we toe in deze paragraaf of de overspanning is eigenlijk wat het is en het hebben van de juiste boodschap te geven.

18
00:01:14,370 --> 00:01:22,680
Dus gaan we terug naar onze HMO en we gaan naar een andere div voegen en we hebben eigenlijk drie of vier verschillende stukken die hier uiteindelijk zal gaan.

19
00:01:22,680 --> 00:01:26,890
Voor nu is het gewoon een beetje overspanning dat gaat binnen dat div zijn.

20
00:01:27,450 --> 00:01:29,220
Dus zoals ik al zei het zal meer zijn.

21
00:01:29,220 --> 00:01:36,480
Voor nu is het gewoon de overspanning het gaat leeg te beginnen toen ik de pagina kunt u zien dat er geen bericht hier vernieuwen om te zijn.

22
00:01:36,480 --> 00:01:41,700
Dus we gaan hier te gaan heb ik een lege overspanning en laten we geven het een I.D. en we noemen het bericht.

23
00:01:41,910 --> 00:01:45,410
En op die manier kunnen we kiezen uit in plaats van onze Javascript.

24
00:01:45,420 --> 00:01:49,000
Dus laten we naar onze javascript nu en selecteer dat.

25
00:01:49,140 --> 00:02:02,870
Dus hier zullen we het noemen Farm bericht weer gelijk document en we zullen een query selector vraag selector doen en dat noemen we die boodschap.

26
00:02:03,090 --> 00:02:04,410
We hebben de ID.

27
00:02:05,010 --> 00:02:06,400
Dus moeten we de boog aan Thor.

28
00:02:06,960 --> 00:02:09,110
En dan, als de gebruiker gokt verkeerd.

29
00:02:09,210 --> 00:02:20,260
Alles wat we moeten doen is schrijf bericht scherm dot tekstinhoud gelijk probeer het opnieuw.

30
00:02:21,180 --> 00:02:25,560
En als we vernieuwen en u klikt op de verkeerde het is echt moeilijk om te zien.

31
00:02:25,920 --> 00:02:28,470
Dus we moeten de achtergrondkleur of de tekstkleur veranderen.

32
00:02:28,580 --> 00:02:30,120
We kunnen dat ook te doen hier.

33
00:02:30,420 --> 00:02:37,320
We zullen gewoon zeggen dat alle overspanning dient kleur wit en als we zijn vers.

34
00:02:37,320 --> 00:02:39,620
Nu klikte ik de verkeerde.

35
00:02:39,690 --> 00:02:41,330
Het vertelt me ​​probeer het opnieuw.

36
00:02:41,910 --> 00:02:42,250
OK.

37
00:02:42,270 --> 00:02:44,620
En we blijven krijgen van die totdat ik de juiste is.

38
00:02:44,760 --> 00:02:46,180
En we krijgen nog deze waarschuwing.

39
00:02:46,410 --> 00:02:54,680
Dus als we de juiste is wat we willen doen is wat we weer in die boodschap display.

40
00:02:54,780 --> 00:02:57,060
We willen het veranderen juist te zijn.

41
00:02:57,300 --> 00:03:05,700
Zo bericht weergeven dat tekstinhoud juist gelijk.

42
00:03:06,630 --> 00:03:07,980
Gewoon zo.

43
00:03:08,080 --> 00:03:11,000
En nu als we dit proberen krijgen we het verkeerd en gewoon opnieuw proberen.

44
00:03:11,190 --> 00:03:13,730
We het goed en het vertelt ons correct.

45
00:03:14,100 --> 00:03:14,340
OK.

46
00:03:14,340 --> 00:03:21,280
Dus hebben we dat de fundamentele logica is er nu waar we controleren of we goed of fout en we zijn de weergave van iets.

47
00:03:21,420 --> 00:03:28,940
Het volgende wat we kunnen doen is de functie waar als je de juiste antwoord op alle pleinen van kleur veranderen om dat antwoord match te krijgen.

48
00:03:28,950 --> 00:03:32,180
Dus hier klikt u op het juiste antwoord ze allemaal veranderen graad.

49
00:03:32,340 --> 00:03:35,370
En dan kunnen we ook de achtergrond van deze H1 ook.

50
00:03:35,370 --> 00:03:38,360
Dus het eerste wat we moeten doen om dit werk te maken.

51
00:03:38,580 --> 00:03:43,900
Ik ben eigenlijk van plan om een ​​aparte functie om het te doen te schrijven voor mij alleen maar om mijn code een beetje meer georganiseerd te houden.

52
00:03:44,040 --> 00:04:01,430
Verander kleuren en het zal één argument een kleur touw en dan de binnenkant van hier moeten we lus door alle pleinen wisseling iedere kleur aan bepaalde kleur aan te passen.

53
00:04:02,550 --> 00:04:15,770
Dus om lus door alle pleinen hebben we al gedaan dat slechts een kwestie van vier VAR I gelijk aan nul is minder dan kleur dot lengte of kleuren die lengte plus plus.

54
00:04:15,970 --> 00:04:21,880
En dan binnen is, waar we je nodig hebt om elke kleur te veranderen en we hebben gedaan dat eerder al.

55
00:04:22,080 --> 00:04:23,530
Het is gewoon een kleuren.

56
00:04:23,740 --> 00:04:35,260
Ik kreeg stijl taaie achtergrond is gelijk aan kleur en dat is wat we op voorwaarde dat technisch onze code zal elke vierkante om de kleur wedstrijd.

57
00:04:35,370 --> 00:04:38,670
Dus inclusief deze die de juiste kleur.

58
00:04:38,700 --> 00:04:42,640
Het zal gewoon overschrijven en verander het om dezelfde kleur dat het al is.

59
00:04:42,660 --> 00:04:59,660
We kunnen wel een code toe te voegen dat op te lossen, maar laten we beginnen met deze en dan moeten we deze functie kleuren veranderen noemen en we moeten passeren in de juiste kleur, die de variabele creëerden we hier dat is de stijl achtergrond van de kleur die is geklikt.

60
00:04:59,790 --> 00:05:00,700
En we dit doen.

61
00:05:00,750 --> 00:05:02,080
Als ze geraden correct.

62
00:05:02,130 --> 00:05:05,600
Dus als we op te slaan en te vernieuwen zien als we nog fouten.

63
00:05:05,700 --> 00:05:06,330
Nee.

64
00:05:06,630 --> 00:05:07,770
En nu is het snel.

65
00:05:07,770 --> 00:05:08,370
Fout.

66
00:05:08,400 --> 00:05:09,030
Fout.

67
00:05:10,050 --> 00:05:22,670
Correct en we hebben een probleem wanneer u klikt op de juiste vertelt ons kunnen materiële achtergrond van undefined niet instellen als we kijken naar wat het over kleuren die ik de stijl van de achtergrond.

68
00:05:22,770 --> 00:05:28,790
Natuurlijk hebben we hier een probleem, want ik doe dit om onze kleuren array en dit moet niet onze kleuren.

69
00:05:29,120 --> 00:05:30,570
Dit is onze kleuren array.

70
00:05:30,600 --> 00:05:35,070
Het moet op de pleinen matrix die de pleinen die we proberen te veranderen.

71
00:05:35,060 --> 00:05:39,860
Wat ik deed was de array colors gewoon de snaren.

72
00:05:39,960 --> 00:05:48,120
Dus pleinen out lengte en nu is het moet goed zijn om te gaan en ze allemaal veranderen om de kleur die werd opgepakt, net als dat.

73
00:05:48,120 --> 00:05:48,790
Okee.

74
00:05:48,900 --> 00:05:55,940
Dus de volgende up laten we focussen op het verkrijgen van de willekeurige kleuren in de array en vervolgens het kiezen van een willekeurige kleur uit die array.

75
00:05:55,940 --> 00:06:05,910
Dus ik ga om te beginnen met de tweede zaak, die is het kiezen van een willekeurige kleur in plaats van alleen automatisch waardoor het kleuren drie om ons te helpen kiezen van een willekeurig element van deze array.

76
00:06:05,910 --> 00:06:07,830
Ik ben eigenlijk van plan om een ​​functie te maken.

77
00:06:07,830 --> 00:06:17,910
En de reden dat ik dat te doen is een op te ruimen onze code, maar om dat we eigenlijk aan de hand om die functie later te gebruiken want iedere keer dat we beginnen met een nieuw spel hebben we een nieuwe kleur te kiezen.

78
00:06:17,940 --> 00:06:22,040
Dus het is iets wat we gaan te hebben om een ​​paar keer bellen om dat werk te maken.

79
00:06:22,050 --> 00:06:25,200
Ik ga om te beginnen door te bellen naar de functie die nu nog niet bestaat.

80
00:06:25,200 --> 00:06:29,460
Dus ik ga zeggen kleur pick's evenaart en laten we noem maar op.

81
00:06:29,460 --> 00:06:34,760
Kiezen kleur en dan moeten we pick kleur te definiëren.

82
00:06:34,980 --> 00:06:38,420
Dus ik naar beneden komen hier gewoon doen aan de onderkant voor nu functioneren pick.

83
00:06:38,430 --> 00:06:43,070
Kleur in deze functie moeten we twee dingen doen.

84
00:06:43,080 --> 00:06:45,330
Een daarvan is kies een willekeurig getal.

85
00:06:45,810 --> 00:06:50,650
Zo iets als 0 of 1 of 2 helemaal naar de laatste index van deze array.

86
00:06:51,180 --> 00:06:57,220
En dan moeten we dat nummer te gebruiken om toegang te krijgen tot de kleur van deze array en terug te keren die kleur.

87
00:06:57,300 --> 00:06:59,070
Dus we zullen beginnen met het kiezen van een willekeurig getal.

88
00:06:59,220 --> 00:07:09,420
En de manier waarop we halen een willekeurig getal in javascript is met behulp van wiskunde willekeurig en wiskunde steekproefsgewijs wordt een getal tussen 0 en 1 plukken en het bevat geen een.

89
00:07:09,420 --> 00:07:16,620
Dus laat ik je dat wiskunde niet willekeurig en het is een lange lange decimaal.

90
00:07:16,620 --> 00:07:28,850
Dus als we wilden een aantal te genereren tussen 0 en 6 bijvoorbeeld tot een Dayrell we zouden wiskunde te doen op willekeurige en vermenigvuldigt deze vervolgens na te bootsen.

91
00:07:29,000 --> 00:07:37,320
In ons geval als we deden gewoon dubbeltje 6 eigenlijk zouden we nooit een aantal bovengenoemde vijf punt negen negen negen negen.

92
00:07:37,640 --> 00:07:48,350
Dus als we willen dat aantal om van de ene op en vertellen zes we konden vermenigvuldigen met zes en voeg dan een aan het eind.

93
00:07:48,380 --> 00:07:53,570
Nu kunnen we krijgen zo hoog als zes punt negenennegentig en een geheel getal te krijgen.

94
00:07:53,580 --> 00:08:09,630
We moeten dan af te hakken, dat decimale dus we wiskunde bovenste verdieping, die is een andere methode kan gebruiken en dat zal alleen maar nemen wat is terug van wiskunde steekproefsgewijs te vermenigvuldigen met 6 toevoeging van 1 en verwijder alles na de komma.

95
00:08:09,770 --> 00:08:13,790
En dat geeft ons willekeurige getallen tussen 1 en 6.

96
00:08:13,920 --> 00:08:18,460
Zoals je kunt zien maar we willen niet per se willen alleen tussen 1 en 6.

97
00:08:18,540 --> 00:08:22,090
Deze array uiteindelijk misschien slechts drie punten.

98
00:08:22,620 --> 00:08:25,800
Zoals je kan zien als ik naar easy mode is er maar drie kleuren.

99
00:08:25,920 --> 00:08:27,600
Dus het kan drie hebben en misschien hebben er zes.

100
00:08:27,690 --> 00:08:42,690
Dus gaan we gewoon gebruik maken van de lengte van de array naar onze kleur te genereren, zodat het eruit zal zien dit wiskunde dacht willekeurige gaan we een getal tussen 0 en 1 en vervolgens vermenigvuldigen te genereren door de lengte van de array en dat is OK, want vergeet niet dat het niet inbegrepen.

101
00:08:42,750 --> 00:08:47,330
Dus hoewel de lengte van het array is een meer dan de hoogste index.

102
00:08:47,390 --> 00:08:48,970
Zodat de lengte zes.

103
00:08:49,080 --> 00:08:51,040
Maar het hoogste aantal dat we willen is vijf.

104
00:08:51,410 --> 00:08:54,500
Omdat willekeurig getal gaat alleen tussen 0 en 1.

105
00:08:54,500 --> 00:08:57,140
Maar het hoeft niet onder één we in goede vorm.

106
00:08:57,330 --> 00:09:11,530
Dus we gaan genereren dat en dan gaan we wiskunde te doen die verdieping van die hele zaak, die zal afhakken de resterende komma en dan een keer hebben we dat gedaan, dat geeft ons een willekeurig getal.

107
00:09:11,610 --> 00:09:20,990
Het volgende wat we moeten doen is sla deze aan een variabele en dan gebruik maken van die variabele toegang tot een element uit de array op die index.

108
00:09:21,000 --> 00:09:26,720
Dus dan gaan we zeggen terugkeer kleuren willekeurig.

109
00:09:26,730 --> 00:09:33,230
Dus dit pakt een willekeurig getal als drie en vervolgens stuurt het terug kleuren van drie.

110
00:09:33,240 --> 00:09:33,630
Okee.

111
00:09:33,620 --> 00:09:35,420
Dus laten we testen dit uit.

112
00:09:35,460 --> 00:09:36,490
We moeten kiezen kleur.

113
00:09:36,620 --> 00:09:39,150
We noemen kiezen kleur op de top hier.

114
00:09:39,480 --> 00:09:45,690
Dus als ik te vernieuwen moeten we verwachten dat dit te veranderen en het verandert als ik te vernieuwen.

115
00:09:45,720 --> 00:09:54,170
U kunt zien soms krijg je het zelfde omdat er slechts zes en ze nooit veranderen, maar het verandert bijna elke keer.

116
00:09:54,170 --> 00:09:57,900
Laten we nu eens kijken of onze snelle logica werkt op dezelfde manier.

117
00:09:57,890 --> 00:10:03,060
Dus als ik klik op deze ene nul nul rood groen en al blauw.

118
00:10:03,060 --> 00:10:05,430
Dus laten we proberen te klikken op de rode cyaan.

119
00:10:05,420 --> 00:10:06,120
Goed.