OK dus we gaan verder waar we gebleven waren.
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.
Dus laten we beginnen met wanneer je de verkeerde kleur te kiezen.
Wat wij willen doen is fade deze uit, zodat het overeenkomt met de achtergrondkleur hier.
Dus dat is eigenlijk vrij eenvoudig.
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.
Dus we zullen plakken die in en op te slaan.
Laten we eens testen het uit.
Laten we op een van de verkeerde.
Je kunt zien dat het verdwijnt en als ik de juiste geklikt krijgen we nog steeds onze alert.
OK dus ik zal vernieuwen.
Dus dat is wat we gaan om mee te beginnen.
En de andere ding dat we willen al gebeurt is dat we willen een beeldscherm, zodat u hier kunt zien.
Er wordt een display dus als ik op een van de kleuren op en het zegt probeer het opnieuw.
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.
Zodra we dat eerste deel.
Dus laten we toe in deze paragraaf of de overspanning is eigenlijk wat het is en het hebben van de juiste boodschap te geven.
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.
Voor nu is het gewoon een beetje overspanning dat gaat binnen dat div zijn.
Dus zoals ik al zei het zal meer zijn.
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.
Dus we gaan hier te gaan heb ik een lege overspanning en laten we geven het een I.D. en we noemen het bericht.
En op die manier kunnen we kiezen uit in plaats van onze Javascript.
Dus laten we naar onze javascript nu en selecteer dat.
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.
We hebben de ID.
Dus moeten we de boog aan Thor.
En dan, als de gebruiker gokt verkeerd.
Alles wat we moeten doen is schrijf bericht scherm dot tekstinhoud gelijk probeer het opnieuw.
En als we vernieuwen en u klikt op de verkeerde het is echt moeilijk om te zien.
Dus we moeten de achtergrondkleur of de tekstkleur veranderen.
We kunnen dat ook te doen hier.
We zullen gewoon zeggen dat alle overspanning dient kleur wit en als we zijn vers.
Nu klikte ik de verkeerde.
Het vertelt me ​​probeer het opnieuw.
OK.
En we blijven krijgen van die totdat ik de juiste is.
En we krijgen nog deze waarschuwing.
Dus als we de juiste is wat we willen doen is wat we weer in die boodschap display.
We willen het veranderen juist te zijn.
Zo bericht weergeven dat tekstinhoud juist gelijk.
Gewoon zo.
En nu als we dit proberen krijgen we het verkeerd en gewoon opnieuw proberen.
We het goed en het vertelt ons correct.
OK.
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.
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.
Dus hier klikt u op het juiste antwoord ze allemaal veranderen graad.
En dan kunnen we ook de achtergrond van deze H1 ook.
Dus het eerste wat we moeten doen om dit werk te maken.
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.
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.
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.
En dan binnen is, waar we je nodig hebt om elke kleur te veranderen en we hebben gedaan dat eerder al.
Het is gewoon een kleuren.
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.
Dus inclusief deze die de juiste kleur.
Het zal gewoon overschrijven en verander het om dezelfde kleur dat het al is.
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.
En we dit doen.
Als ze geraden correct.
Dus als we op te slaan en te vernieuwen zien als we nog fouten.
Nee.
En nu is het snel.
Fout.
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.
Natuurlijk hebben we hier een probleem, want ik doe dit om onze kleuren array en dit moet niet onze kleuren.
Dit is onze kleuren array.
Het moet op de pleinen matrix die de pleinen die we proberen te veranderen.
Wat ik deed was de array colors gewoon de snaren.
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.
Okee.
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.
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.
Ik ben eigenlijk van plan om een ​​functie te maken.
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.
Dus het is iets wat we gaan te hebben om een ​​paar keer bellen om dat werk te maken.
Ik ga om te beginnen door te bellen naar de functie die nu nog niet bestaat.
Dus ik ga zeggen kleur pick's evenaart en laten we noem maar op.
Kiezen kleur en dan moeten we pick kleur te definiëren.
Dus ik naar beneden komen hier gewoon doen aan de onderkant voor nu functioneren pick.
Kleur in deze functie moeten we twee dingen doen.
Een daarvan is kies een willekeurig getal.
Zo iets als 0 of 1 of 2 helemaal naar de laatste index van deze array.
En dan moeten we dat nummer te gebruiken om toegang te krijgen tot de kleur van deze array en terug te keren die kleur.
Dus we zullen beginnen met het kiezen van een willekeurig getal.
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.
Dus laat ik je dat wiskunde niet willekeurig en het is een lange lange decimaal.
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.
In ons geval als we deden gewoon dubbeltje 6 eigenlijk zouden we nooit een aantal bovengenoemde vijf punt negen negen negen negen.
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.
Nu kunnen we krijgen zo hoog als zes punt negenennegentig en een geheel getal te krijgen.
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.
En dat geeft ons willekeurige getallen tussen 1 en 6.
Zoals je kunt zien maar we willen niet per se willen alleen tussen 1 en 6.
Deze array uiteindelijk misschien slechts drie punten.
Zoals je kan zien als ik naar easy mode is er maar drie kleuren.
Dus het kan drie hebben en misschien hebben er zes.
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.
Dus hoewel de lengte van het array is een meer dan de hoogste index.
Zodat de lengte zes.
Maar het hoogste aantal dat we willen is vijf.
Omdat willekeurig getal gaat alleen tussen 0 en 1.
Maar het hoeft niet onder één we in goede vorm.
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.
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.
Dus dan gaan we zeggen terugkeer kleuren willekeurig.
Dus dit pakt een willekeurig getal als drie en vervolgens stuurt het terug kleuren van drie.
Okee.
Dus laten we testen dit uit.
We moeten kiezen kleur.
We noemen kiezen kleur op de top hier.
Dus als ik te vernieuwen moeten we verwachten dat dit te veranderen en het verandert als ik te vernieuwen.
U kunt zien soms krijg je het zelfde omdat er slechts zes en ze nooit veranderen, maar het verandert bijna elke keer.
Laten we nu eens kijken of onze snelle logica werkt op dezelfde manier.
Dus als ik klik op deze ene nul nul rood groen en al blauw.
Dus laten we proberen te klikken op de rode cyaan.
Goed.