1
00:00:00,700 --> 00:00:02,670
Tamam, o yüzden bıraktığımız yeri alacağız.

2
00:00:02,790 --> 00:00:06,990
Doğru rengi tıkladığınızda ve yanlış rengi tıkladığınızda bazı

3
00:00:06,990 --> 00:00:08,620
davranışları eklemeye başlayacağız.

4
00:00:08,640 --> 00:00:10,860
Bu yüzden, yanlış rengi seçtiğinizde başlayalım.

5
00:00:11,010 --> 00:00:16,000
Yapmak istediğimiz şey, bunu arka plan rengiyle eşleşecek şekilde silmek.

6
00:00:16,170 --> 00:00:18,070
Bu aslında oldukça basittir.

7
00:00:18,070 --> 00:00:26,520
Bu, arka planın eşit olduğu bu nokta stilini yazmanın bir meselesidir ve daha sonra,

8
00:00:26,520 --> 00:00:31,080
Cs'lerimizde ayarladığımız rengin bu şekilde görünmesi gerekir.

9
00:00:31,080 --> 00:00:33,980
Bu yüzden yapıştırıp kurtaracağız.

10
00:00:34,530 --> 00:00:35,470
Test yapalım.

11
00:00:35,610 --> 00:00:37,050
Yanlış olanlardan birini tıklayalım.

12
00:00:37,140 --> 00:00:41,670
Kaybolduğunu görebilirsiniz ve doğru olanı tıklamışsak da alarmımızı alabiliriz.

13
00:00:42,060 --> 00:00:43,710
Tamam, bu yüzden yenileyeyim.

14
00:00:43,710 --> 00:00:45,490
İşte başlayacağımız şey de bu.

15
00:00:45,600 --> 00:00:52,230
Ve gerçekleşmesini istediğimiz diğer şey ise bir ekran istemektir, böylece burada burada görebilirsiniz.

16
00:00:52,320 --> 00:00:56,700
Bir ekran olacak, bu yüzden renklerden birine tıklarsam tekrar deneyin diyor.

17
00:00:57,090 --> 00:01:04,740
Ve burada doğru gibi görünürsem, doğru görüntüler ve sonra renk değiştirme gibi diğer

18
00:01:04,740 --> 00:01:05,620
şeylere odaklanır.

19
00:01:05,820 --> 00:01:07,290
Bir kere ilk bölümü alıyoruz.

20
00:01:07,350 --> 00:01:13,290
Bu yüzden, bu paragrafa ekleyelim veya span aslında ne olduğu ve doğru mesajı görüntüleyecek.

21
00:01:14,370 --> 00:01:20,520
Bu yüzden, tekrar HMO'ya gidiyoruz ve başka bir div ekleyeceğiz ve aslında sonunda gidecek üç ya

22
00:01:20,520 --> 00:01:22,680
da dört farklı parçaya sahip olacağız.

23
00:01:22,680 --> 00:01:26,890
Şimdilik, o div'nin içine giren küçük bir aralık olacak.

24
00:01:27,450 --> 00:01:29,220
Bahsettiğim gibi daha fazla olacak.

25
00:01:29,220 --> 00:01:34,340
Şimdilik, burada mesajın bulunmadığını görebildiğiniz sayfayı yenilediğimden başlayacak

26
00:01:34,350 --> 00:01:36,480
olan boşluk olacak.

27
00:01:36,480 --> 00:01:41,520
Yani buraya gideceğiz Boş bir alanım var ve ona bir ben verelim. D. ve biz sadece ona mesaj diyeyim.

28
00:01:41,910 --> 00:01:45,410
Bu şekilde, Javascript'imiz yerine seçebiliriz.

29
00:01:45,420 --> 00:01:49,000
Şimdi javascript'imize gidelim ve bunu seçelim.

30
00:01:49,140 --> 00:01:59,670
Burada, Farm mesajı ekranı belge ile eşleşecek ve bir sorgu seçici sorgu seçici yapacağız

31
00:02:00,080 --> 00:02:02,870
ve o mesajı çağıracağız.

32
00:02:03,090 --> 00:02:04,410
Kimliğe ihtiyacımız var.

33
00:02:05,010 --> 00:02:06,400
Bu yüzden Thor'un yayına ihtiyacımız var.

34
00:02:06,960 --> 00:02:09,110
Ve sonra kullanıcı yanlış tahmin ederse.

35
00:02:09,210 --> 00:02:20,260
Tek yapmamız gereken, mesaj metnini yazmak nokta metin içeriğini yazmak eşittir tekrar deneyin.

36
00:02:21,180 --> 00:02:25,560
Ve yenilersek yanlış olanı tıklarsanız görmek gerçekten zor.

37
00:02:25,920 --> 00:02:28,470
Bu yüzden arka plan rengini veya metin rengini değiştirmeliyiz.

38
00:02:28,580 --> 00:02:30,120
Bunu sadece burada yapabiliriz.

39
00:02:30,420 --> 00:02:37,320
Sadece tüm yayılma alanlarının beyaz renkte olması ve taze olsak diyelim.

40
00:02:37,320 --> 00:02:39,620
Şimdi yanlış olanı tıklattım.

41
00:02:39,690 --> 00:02:41,330
Bana tekrar denediğimi söylüyor.

42
00:02:41,910 --> 00:02:42,250
TAMAM.

43
00:02:42,270 --> 00:02:44,620
Doğru olanı elde edene kadar bunu almaya devam edeceğiz.

44
00:02:44,760 --> 00:02:46,180
Ve hala bu uyarıyı alıyoruz.

45
00:02:46,410 --> 00:02:54,360
Dolayısıyla doğru olanı elde edersek, yapmak isteyeceğimiz şey o mesaj ekranında gösterdiğimiz şeyi değiştirmektir.

46
00:02:54,780 --> 00:02:57,060
Bunu doğru olmak için değiştirmek istiyoruz.

47
00:02:57,300 --> 00:03:00,840
Böylece mesaj, metin içeriğinin doğru

48
00:03:03,540 --> 00:03:05,700
olduğuna işaret eder.

49
00:03:06,630 --> 00:03:07,980
Aynen böyle.

50
00:03:08,080 --> 00:03:11,000
Ve şimdi bunu denersek yanlış yaparız ve tekrar deneriz.

51
00:03:11,190 --> 00:03:13,730
Doğru söylüyoruz ve doğruyu söylüyor.

52
00:03:14,100 --> 00:03:14,340
TAMAM.

53
00:03:14,340 --> 00:03:20,730
Dolayısıyla burada doğru veya yanlış olup olmadığımızın kontrol edildiği ve bir şey sergilediği temel mantığı

54
00:03:20,730 --> 00:03:21,280
var.

55
00:03:21,420 --> 00:03:27,030
Yapabildiğimiz sonraki şey, doğru cevabı aldıktan sonra, cevabın karesini değiştirmek için tüm karelerin

56
00:03:27,030 --> 00:03:28,940
renk değiştirdiği bu özelliği ekleyin.

57
00:03:28,950 --> 00:03:32,180
Yani burada hepsi değişen doğru cevabı tıkıyorsunuz.

58
00:03:32,340 --> 00:03:35,370
Ve sonra bu H1'in arka planını da yapabiliriz.

59
00:03:35,370 --> 00:03:38,360
Bu işi yapmak için yapmamız gereken ilk şey budur.

60
00:03:38,580 --> 00:03:42,750
Aslında kodumu biraz daha düzenli tutmak için yapmak için ayrı

61
00:03:42,750 --> 00:03:43,900
bir işlev yazacağım.

62
00:03:44,040 --> 00:03:52,290
Renkleri değiştirin ve tek bir argümanla bir renk dizesi alacaktır ve daha

63
00:03:52,290 --> 00:04:01,430
sonra, tüm kareler arasında döngüye ihtiyaç duyuyoruz, verilen rengin eşleşmesi için her rengi değiştiriyoruz.

64
00:04:02,550 --> 00:04:09,700
dört VAR'ın toplamı, renk uzunluğu artı artı artı renklerden daha azdır.

65
00:04:09,750 --> 00:04:15,770
Bu nedenle, yaptığımız tüm kareler arasında dolaşmak için, sıfıra eşit

66
00:04:15,970 --> 00:04:21,880
Ve sonra her renk değiştirmemiz gereken yer burasıdır ve bunu daha önce yaptık.

67
00:04:22,080 --> 00:04:23,530
Sadece bir renk.

68
00:04:23,740 --> 00:04:32,820
Teknik olarak kodumuzun renkle uyuşması için her bir kareyi değiştireceğini sağladığımız stildeki zorlu arka

69
00:04:32,910 --> 00:04:35,260
plana eşit renk var.

70
00:04:35,370 --> 00:04:38,670
Yani doğru rengi de buna dahil.

71
00:04:38,700 --> 00:04:42,640
Sadece üzerine yazacak ve halihazırdaki aynı renge çevirecektir.

72
00:04:42,660 --> 00:04:47,340
rengi vermek zorundayız. Bu renk, rengin stilli arka planıdır; tıklandı.

73
00:04:47,520 --> 00:04:56,550
Bunu düzeltmek için bazı kodlar ekleyebiliriz, ancak bununla başlayalım ve daha sonra bu işlev değiştirme renklerini çağırmamız gerekiyor

74
00:04:56,550 --> 00:04:59,660
ve burada yarattığımız değişken olan doğru

75
00:04:59,790 --> 00:05:00,700
Ve bunu yapıyoruz.

76
00:05:00,750 --> 00:05:02,080
Eğer doğru tahmin ettiyselerdi.

77
00:05:02,130 --> 00:05:05,600
Kaydedip yenilersek hatalarımızı alıp almayacağımıza bakarız.

78
00:05:05,700 --> 00:05:06,330
Hayır!

79
00:05:06,630 --> 00:05:07,770
Ve şimdi hızlıdır.

80
00:05:07,770 --> 00:05:08,370
Yanlış.

81
00:05:08,400 --> 00:05:09,030
Yanlış.

82
00:05:10,050 --> 00:05:16,250
Doğruyu tıkladığınızda bir sorun yaşıyoruz ve doğruyu söylersek, renkleri hakkında ne

83
00:05:16,590 --> 00:05:22,670
konuştuğuna bakarsak, tanımlanmamış mülk arka planını ayarlayamayacağımızı söylerüz. Arkaplanda stil oluştururum.

84
00:05:22,770 --> 00:05:27,780
Elbette bir sorunumuz var çünkü bunu bunu renkler dizisine yapıyorum ve bu

85
00:05:27,780 --> 00:05:28,790
bizim renklerimiz değil.

86
00:05:29,120 --> 00:05:30,570
Bu bizim renkler dizimiz.

87
00:05:30,600 --> 00:05:35,070
Değiştirmeye çalıştığımız kareler olan kareler dizisinde olmalı.

88
00:05:35,060 --> 00:05:39,860
Yaptığım şey, renk dizisi sadece dizelerdi.

89
00:05:39,960 --> 00:05:45,810
Böylece kareler uzunluğa çıktı ve şimdi gitmek güzel olmalı ve hepsi öyle

90
00:05:46,650 --> 00:05:48,120
bir renkle değiştirildi.

91
00:05:48,120 --> 00:05:48,790
Tamam.

92
00:05:48,900 --> 00:05:54,990
Böylece, sıradaki rastgele renkleri elde etmeye ve o diziden rastgele bir renk

93
00:05:54,990 --> 00:05:55,940
seçmeye odaklanalım.

94
00:05:55,940 --> 00:06:00,830
Bu yüzden, otomatik olarak renkleri üç yaparak rasgele bir renk seçen

95
00:06:00,840 --> 00:06:05,910
ikinci şeyle başlayacağım ve bu diziden rasgele bir eleman seçmemize yardımcı olacağız.

96
00:06:05,910 --> 00:06:07,830
Aslında bir işlev yapacağım.

97
00:06:07,830 --> 00:06:12,630
Ve bunu yapmamın nedeni kodumuzu temizlemektir ancak aslında bu işlevi daha

98
00:06:12,720 --> 00:06:17,910
sonra kullanacağımız için yeni bir oyuna her başladığımızda yeni bir renk seçmeliyiz.

99
00:06:17,940 --> 00:06:22,040
Bu işi yapmak için birkaç kez aramamız gereken bir şey.

100
00:06:22,050 --> 00:06:25,200
Ben henüz bulunmayan bir fonksiyonu çağırarak başlayacağım.

101
00:06:25,200 --> 00:06:29,460
Bu yüzden pick'ın rengine eşit olduğunu söyleyeceğim ve ismini verelim.

102
00:06:29,460 --> 00:06:34,760
Renk seçin ve seçim rengini tanımlamamız gerekir.

103
00:06:34,980 --> 00:06:38,420
Bu yüzden buraya gelip şu anda işlevini seçmek için alttan yapıyorum.

104
00:06:38,430 --> 00:06:43,070
Bu işlevi biz iki şey yapmak için renk gerekir.

105
00:06:43,080 --> 00:06:45,330
Biri rasgele bir numara seçmektir.

106
00:06:45,810 --> 00:06:50,650
Yani bu dizinin son dizinine kadar 0 veya 1 veya 2 gibi bir şey.

107
00:06:51,180 --> 00:06:57,220
Ve o zaman bu dizinin rengine erişmek için o numarayı kullanmalı ve o rengi geri getirmeliyiz.

108
00:06:57,300 --> 00:06:59,070
Bu yüzden, rastgele bir sayı seçerek başlayacağız.

109
00:06:59,220 --> 00:07:05,160
Ve javascript'te rastgele bir sayı seçme biçimi matematik rasgele kullanıyor ve matematik rastgele 0

110
00:07:05,190 --> 00:07:09,420
ile 1 arasında bir sayı alacak ve bir tane içermiyor.

111
00:07:09,420 --> 00:07:11,420
Bu matematiğin rasgele değil ve uzun

112
00:07:14,340 --> 00:07:16,620
ondalık sayı olduğunu göstermeme izin verin.

113
00:07:16,620 --> 00:07:24,860
Örneğin Dayrell'i taklit etmek için 0 ile 6 arasında bir sayı üretmek istiyorsak,

114
00:07:24,860 --> 00:07:28,850
matematiksel olarak rasgele yapardık ve sonra çarpacağız.

115
00:07:29,000 --> 00:07:36,560
Bizim durumumuzda sadece 6 parayı alsaydık aslında beş sayı dokuz dokuz dokuz dokuzun üzerinde bir sayı

116
00:07:36,670 --> 00:07:37,320
almazdık.

117
00:07:37,640 --> 00:07:44,790
Dolayısıyla bu numaranın birinden yukarı doğru gitmesini ve altıya çarpmasını söylersek, onu altı

118
00:07:44,940 --> 00:07:48,350
ile çarpıp sonunda bir tane ekleyebiliriz.

119
00:07:48,380 --> 00:07:53,570
Şimdi, altıncı nokta doksan dokuza kadar ve bir numara almak için yüksek alabiliriz.

120
00:07:53,580 --> 00:08:00,660
şeyi alıp 6 ekleyerek rasgele çarpma sayısını alıp ondalık noktasından sonra her şeyi kaldırırız.

121
00:08:00,660 --> 00:08:08,250
Daha sonra bu ondalık kesip başka bir yöntem olan matematik üst katını kullanabiliriz ve bu

122
00:08:08,250 --> 00:08:09,630
matemadan döndürülen her

123
00:08:09,770 --> 00:08:13,790
Bu bize 1 ile 6 arasında rastgele sayı verir.

124
00:08:13,920 --> 00:08:18,460
Gördüğünüz gibi ancak mutlaka sadece 1 ile 6 arasında istemiyoruz.

125
00:08:18,540 --> 00:08:22,090
Bu dizide sonunda yalnızca üç öğe olabilir.

126
00:08:22,620 --> 00:08:25,800
Kolay moda gittiğimde görebileceğiniz gibi yalnızca üç renk var.

127
00:08:25,920 --> 00:08:27,600
Bu yüzden üç olabilir ve altı olabilir.

128
00:08:27,690 --> 00:08:33,110
sayı üretip dizinin uzunluğuyla çarpacağız ve Tamam, çünkü kapsayıcı olmadığını da unutmayın.

129
00:08:33,120 --> 00:08:38,460
Dolayısıyla rengini üretmek için sadece dizinin uzunluğunu kullanacağız, böylece bu matematik rastgele

130
00:08:38,460 --> 00:08:42,690
düşündüğümüz gibi görünecek ve 0 ile 1 arasında bir

131
00:08:42,750 --> 00:08:47,330
Böylece dizinin uzunluğu en yüksek dizinden daha fazladır.

132
00:08:47,390 --> 00:08:48,970
Yani uzunluğu altı.

133
00:08:49,080 --> 00:08:51,040
Ancak istediğimiz en yüksek sayı beş'dir.

134
00:08:51,410 --> 00:08:54,500
Çünkü rasgele sayı yalnızca 0 ile 1 arasında değişir.

135
00:08:54,500 --> 00:08:57,140
Fakat iyi durumda olduğumuzu içermez.

136
00:08:57,330 --> 00:09:03,900
yapacağız ve sonra bir kere yaptıysak bize rasgele bir numara verir.

137
00:09:03,890 --> 00:09:11,070
Böylece onu üretiriz, sonra geriye kalan ondalık noktayı çıkaracak o şeyin katını matematik

138
00:09:11,610 --> 00:09:18,810
Yapmamız gereken sonraki şey, bunu bir değişkene kaydetmek ve daha sonra bu değişkeni, o dizindeki dizideki

139
00:09:18,810 --> 00:09:20,990
bir öğeye erişmek için kullanın.

140
00:09:21,000 --> 00:09:26,720
O zaman dönüş renklerini rastgele söyleyeceğiz.

141
00:09:26,730 --> 00:09:33,230
Böylece, üç gibi rastgele bir sayı seçer ve daha sonra üç renk döndürür.

142
00:09:33,240 --> 00:09:33,630
Tamam.

143
00:09:33,620 --> 00:09:35,420
Bu yüzden bunu test edelim.

144
00:09:35,460 --> 00:09:36,490
Renk seçelim.

145
00:09:36,620 --> 00:09:39,150
Burada üst rengi seçiyoruz.

146
00:09:39,480 --> 00:09:45,690
Yenilersem bunun değişmesini beklemeliyiz ve yenilediğimde değişiyor.

147
00:09:45,720 --> 00:09:51,870
Bazen aynı olanı alırsınız görebilirsiniz, çünkü yalnızca altısı vardır ve asla değişmezler ancak

148
00:09:52,320 --> 00:09:54,170
neredeyse her zaman değişirler.

149
00:09:54,170 --> 00:09:57,900
Şimdi hızlı mantığımızın aynı şekilde çalışıp çalışmadığını kontrol edelim.

150
00:09:57,890 --> 00:10:03,060
Bu yüzden tıklarsam sıfır kırmızı sıfır yeşil ve hepsi mavi olur.

151
00:10:03,060 --> 00:10:05,430
Bu yüzden kırmızı camgöbeği tıklamaya çalışalım.

152
00:10:05,420 --> 00:10:06,120
İyi.

153
00:10:06,210 --> 00:10:08,130
Mavi üzerine tıklarsam doğru olur