1
00:00:00,330 --> 00:00:00,660
Tamam.

2
00:00:00,650 --> 00:00:01,490
Tekrar hoşgeldiniz.

3
00:00:01,680 --> 00:00:06,210
Ve bu video, listemizin bazı temel işlevlerine karşı koyarak başlayacağız.

4
00:00:06,210 --> 00:00:11,400
Hızlı dinleyicileri müttefiklerimize ekleyerek güzel ve kolay bir şekilde başlayacağız, böylece tıkladığımızda

5
00:00:11,730 --> 00:00:16,380
burada görebileceğiniz küçük bir vuruş efekti elde edersiniz ve dışarı çıkarsınız.

6
00:00:16,890 --> 00:00:20,750
Ve bunu yapmadan önce aslında arka planımızı biraz burada değiştireceğim.

7
00:00:21,000 --> 00:00:22,910
O arka plandan kurtulacağım.

8
00:00:23,190 --> 00:00:25,020
Ve sonra onun yerine bir sınır ekleyeceğim.

9
00:00:25,200 --> 00:00:33,630
Bu yüzden sınırımız iki piksel katı gri olacak ve sadece küçük bir değişiklik olacak, ancak bu griyi

10
00:00:33,630 --> 00:00:35,800
döndürdüğümüzde görmek daha kolay olacak.

11
00:00:35,880 --> 00:00:39,170
Harika bir geçmişimiz varsa, tamamen karışırdı.

12
00:00:39,490 --> 00:00:40,180
TAMAM.

13
00:00:40,200 --> 00:00:47,370
Öyleyse, bir müttefiki tıklarsak, gözün içindeki metin gri renkte olur ve biz üstü çizili

14
00:00:47,370 --> 00:00:48,190
efekt ekleriz.

15
00:00:48,570 --> 00:00:50,930
Bu yüzden javascript dosyamıza gidelim.

16
00:00:51,210 --> 00:01:00,780
özel tıklayarak ve ardından işe yarayacak basit bir yorum ekleyerek başlayalım.

17
00:01:00,780 --> 00:01:01,820
Dewes'e

18
00:01:02,010 --> 00:01:04,540
Bu yüzden tüm müttefikleri seçmeliyiz.

19
00:01:04,830 --> 00:01:11,020
Dolayısıyla tek yapmamız gereken dolar işareti yerine müttefik ve sonra bir tıklama yapacağız.

20
00:01:12,150 --> 00:01:18,360
Ve buraya tıkladığımızda, geri arama işlevini çalıştırmak istediğimiz fonksiyon var ve biz

21
00:01:18,360 --> 00:01:28,050
sadece hoş bir uyarı ile tıklanıp müttefiklerimizi tıklatıp geri dönüp bir müttefik tıklayın ve tıklarsam bize bir tıklama yaptığımızı söyleyin.

22
00:01:28,050 --> 00:01:32,520
müttefik ama başka hiçbir yerde böyle bir şey olmuyor.

23
00:01:32,550 --> 00:01:34,260
Harika.

24
00:01:34,260 --> 00:01:39,930
gri ile metin dekorasyon özelliğini açmak ve bu çizgiyi yapmak.

25
00:01:39,930 --> 00:01:47,050
Bir sonraki adımda, üzerine tıkladığımız münferit müttefik değiştirmeye çalışalım ve renk rengini ve üstü

26
00:01:47,150 --> 00:01:54,270
çizili veya metin dekorasyon efektini değiştirerek, yapmak istediğimiz şeyleri uyarmak yerine CSSA yöntemini kullanıyoruz

27
00:01:54,290 --> 00:01:59,210
ve bununla birlikte SS'ye bakacağız. renk mülküyle çalışmak ve renk

28
00:01:59,690 --> 00:02:01,210
Renkle başlayalım.

29
00:02:01,380 --> 00:02:05,090
Dolayısıyla renk griye benziyor.

30
00:02:05,370 --> 00:02:09,610
Ve sonra ne seçtiğimiz için bunu ne uyguluyor olduğumuza karar vermeliyiz.

31
00:02:09,990 --> 00:02:15,180
Ve bu sadece bir yalan seçip bize en gıpten yaparsak yapmak istediğimiz şey değildir.

32
00:02:15,210 --> 00:02:20,670
kırmızı gibi daha belirgin hale getirip yapmadığımı görmek biraz zor olduğunu biliyorum.

33
00:02:20,670 --> 00:02:24,000
Şimdi tıkladıklarında hepsi griye dönüşüyor ve tıkladığımda bunu

34
00:02:24,060 --> 00:02:29,880
Kırmızıya dönüşüyorlar, istediğimiz şey değil, bunun yerine sadece tıklanan bir şey.

35
00:02:30,150 --> 00:02:34,410
Ve burada anahtar kelime J Querrey sarmalayıcı ile birlikte geliyor.

36
00:02:34,410 --> 00:02:40,260
Bu, tıklanan belirli yalana atıfta bulunuyor ve sadece bir SEUS'un renginin gri olacağı

37
00:02:40,260 --> 00:02:41,460
şekilde değiştirmek istiyoruz.

38
00:02:41,760 --> 00:02:43,510
Ve bunu test edeceğiz.

39
00:02:43,560 --> 00:02:47,740
Şimdi müttefiki tıklayın ve griye dönüşür.

40
00:02:47,910 --> 00:02:51,000
Tabii tekrar tıkladığımda siyaha dönmüyor.

41
00:02:51,030 --> 00:02:53,790
Bu işlevselliğe sahip değiliz.

42
00:02:53,790 --> 00:02:59,370
Şimdi bir çizgi efekti ile vuruş alalım, böylece böyle bir çizgi daha yapalım.

43
00:02:59,370 --> 00:03:15,300
Bu bize SEUS yapar ve daha sonra metin dizaynı iki nokta üst üste veya virgül çizgisi çizgi ile çizgiler kaydeder ve geri gider,

44
00:03:15,330 --> 00:03:18,200
burada bir Prentis görebilirsiniz.

45
00:03:20,070 --> 00:03:27,940
Şimdi tıkladığımızda oraya bir vuruş efekti ediyoruz ve renk griye dönüşüyor.

46
00:03:29,610 --> 00:03:32,200
Ancak elbette bunu her zaman daha kolay bir yol buluyoruz.

47
00:03:32,220 --> 00:03:38,280
Bunun yerine iki ayrı satırda yapmaktan ziyade, nesneyi anahtar değer çiftleri ile

48
00:03:38,280 --> 00:03:43,100
nasıl tanımlayabileceğimizi hatırlayabilirdiniz ve sadece bu CSSA çağrısını tek yapın.

49
00:03:43,290 --> 00:03:52,880
Dolayısıyla, buraya böyle bir nesne ekledik ve renkli gri virgül eklemeliyiz.

50
00:03:53,280 --> 00:03:59,110
Ve nesne metin Dasch dekorasyon yapmak ve bu hat üzerinden ayarlamak biraz zor.

51
00:03:59,580 --> 00:04:05,520
Ve hiçbir şeyi görmediğinizi hatırlatıp yeniliyorum.

52
00:04:05,530 --> 00:04:10,530
Javascript'de tirelık özellik adlarına sahip olamazlar çünkü aslında bir hata

53
00:04:10,530 --> 00:04:11,240
alırsınız.

54
00:04:11,760 --> 00:04:19,410
Dolayısıyla, bir nesneyi tanımladığımız sözdizimini kullanıyorsanız, her zaman biraz zor olan metin bildirimi deve

55
00:04:19,410 --> 00:04:20,890
kılıfını kullanmamız gerekir.

56
00:04:20,940 --> 00:04:27,360
dekorasyonunu CSSA mülkü olarak bulduğunu ve çizgiyi ve gri rengi uyguladığını görebilirsiniz.

57
00:04:27,360 --> 00:04:30,290
Ve şimdi taze olursak Şimdi, metin

58
00:04:30,510 --> 00:04:35,510
Yapmak isteyebileceğiniz bir sonraki şey, tekrar siyaha döndürmek ve tek bir tıklama ile

59
00:04:35,520 --> 00:04:36,540
tekrar çizgiden kurtulmak.

60
00:04:37,460 --> 00:04:39,800
Bunu yapmak için basit bir IF deyimi kullanacağız.

61
00:04:39,900 --> 00:04:45,600
Bu yüzden Ally'nin gri olup olmadığını kontrol edeceğiz, o zaman siyah

62
00:04:48,510 --> 00:04:49,020
çeviririz,

63
00:04:51,670 --> 00:04:53,780
aksi halde gri yaparız.

64
00:04:53,920 --> 00:05:00,820
Yani yalanın gri olup olmadığını kontrol etmek için yapabiliriz ve biz de bunları kullanabiliriz.

65
00:05:00,890 --> 00:05:13,150
SS Eğer sadece bunu yaparsak, bir müttefikin gri olup olmadığını kontrol etmek için aslında bu Cs noktasını kullanabilir ve başka bir

66
00:05:13,870 --> 00:05:19,230
değer vermeden renk isteyebilir ve bu geçerli rengi alır.

67
00:05:19,620 --> 00:05:28,370
Bu durumda, eğer bir renk hissi griya eşitse, bir if ifadesi bulacağız.

68
00:05:29,410 --> 00:05:39,120
Hâlâ bir konser günlüğü yapmak için şu an gri bir şey yapalım ve hepsi de başlamak üzere.

69
00:05:39,490 --> 00:05:41,790
Bu yüzden biraz temizleyelim ve henüz yok

70
00:05:47,310 --> 00:05:51,150
ya da henüz yok, o halde nasıl yaptığını ve geri döneceğiz.

71
00:05:51,310 --> 00:05:58,170
Yenilersek konsolu açarsak bunlardan birine tıklarsak, bize bir şey söylemez,

72
00:05:58,180 --> 00:06:00,030
çünkü gri değil.

73
00:06:00,190 --> 00:06:03,230
Ancak şimdi tekrar tıklarsam çalışmıyor.

74
00:06:03,270 --> 00:06:05,420
Ve bunun nedeni biraz zor.

75
00:06:05,470 --> 00:06:06,930
Buraya geri dönersek.

76
00:06:07,180 --> 00:06:12,820
CSSA renginin if ifadesinin dışında olduğunu nasıl bir göz atalım.

77
00:06:12,910 --> 00:06:15,400
Bu yüzden bir günlük konsolu yapacağız.

78
00:06:15,690 --> 00:06:19,760
Bu, SS rengini başlatır ve sayfayı yeniler.

79
00:06:20,250 --> 00:06:25,230
Ve tıkladığımda R olarak başladığını göreceksin. G. 000.

80
00:06:25,440 --> 00:06:31,750
rengi griye ayarlarsak, denetlediğimiz takdirde şu anda gri olduğunu düşünüyoruz.

81
00:06:31,750 --> 00:06:33,270
Tekrar tıklarsam

82
00:06:33,750 --> 00:06:40,100
Renk rengi gri ama tekrar tıkladığımda aslında R. G. sürümü.

83
00:06:40,320 --> 00:06:45,550
Bu yüzden, karşılaştırıldığında renkler işe yaramayacak kadar griye eşit olup olmadığını kontrol etmeye çalışıyor.

84
00:06:45,670 --> 00:06:49,820
R ile kıyaslamamız gerekiyor. G. olmak 1 2 8 1 2 8 1 2 8.

85
00:06:50,310 --> 00:06:57,840
Şimdi bunu denersek ve yenilersek, ilk kez tıkladığımda tekrar tıklamadığımızı görmeliyiz.

86
00:06:58,090 --> 00:07:00,730
Şu anda gri olduğunu söylüyor.

87
00:07:01,150 --> 00:07:01,460
TAMAM.

88
00:07:01,480 --> 00:07:02,710
Bu yüzden kullanabiliriz.

89
00:07:03,030 --> 00:07:05,710
Dolayısıyla sadece şu an baskı yapmak yerine şu an Grey.

90
00:07:05,920 --> 00:07:08,070
Yapmak istediğimiz şey karartmak.

91
00:07:08,130 --> 00:07:15,950
Bu yüzden bizi renk gören bir şey yapacağız ve biz sadece karaya geri döneceğiz.

92
00:07:16,120 --> 00:07:16,930
Aynen böyle.

93
00:07:17,110 --> 00:07:20,670
Ve sonra metin dekorasyonunu bir saniye içinde halledebiliriz.

94
00:07:20,980 --> 00:07:24,240
Böylece yeniliyoruz ve tıklıyoruz ve griyüz.

95
00:07:24,420 --> 00:07:26,660
Ve tekrar tıklarsam hala çalışmaz.

96
00:07:26,840 --> 00:07:29,650
Bunun sebebi, burada sonuna yazıyoruz.

97
00:07:29,710 --> 00:07:31,870
Her seferinde griye çeviriyoruz.

98
00:07:31,960 --> 00:07:39,210
Dolayısıyla, bunu başka bir deyime ekleyelim, böylece burada başka bir bildirim ekleyeceğiz ve yalnızca şu anda

99
00:07:39,270 --> 00:07:41,060
Grey değilse bunu yapacağız.

100
00:07:41,740 --> 00:07:42,220
Tamam.

101
00:07:42,390 --> 00:07:43,260
Bu yüzden iyi olmalıyız.

102
00:07:43,260 --> 00:07:50,400
Şimdi bu açıklamayı buraya temizleyip biraz yenileyelim.

103
00:07:50,640 --> 00:07:54,490
Tıkladığımızda gri aşçı tekrar siyaha dönüyor.

104
00:07:54,550 --> 00:07:58,110
Hâlâ çizgimiz var ama en azından renk değişiyor.

105
00:07:58,420 --> 00:08:05,870
Bu yüzden çizgiden kurtulmak için yapmamız gereken şey temelde bu nesneyi kopyalamak veya bir nesneyi yeniden yapmak.

106
00:08:06,780 --> 00:08:10,460
Ve rengi gri olarak ayarlamak yerine siyah yapacağız.

107
00:08:10,840 --> 00:08:15,560
Ve çizgi ile metin dekorasyonu yerine hiçbiri olarak ayarlayacağız.

108
00:08:15,900 --> 00:08:23,950
Ve şimdi biz taze ve gerçekçi olsaydık, gri ve çizgiyi nereden bulduğumuzu ve

109
00:08:23,950 --> 00:08:25,390
kapattığımızı değiştiririz.

110
00:08:26,010 --> 00:08:31,260
Umarım bu işi yaparken, bu denetimi yapmak çok iş gibi gözüküyor demektir.

111
00:08:31,650 --> 00:08:33,230
Şu anda Grey mi?

112
00:08:33,250 --> 00:08:39,580
RGV 128 128 128 eğer öyleyse o zaman siyah yapalım ve metin dekorasyonunu çıkartacağız.

113
00:08:39,700 --> 00:08:41,310
Aksi takdirde bunu yapın.

114
00:08:41,490 --> 00:08:46,020
Aslında bu mantıklardan herhangi birini yapmamızın çok daha kolay bir yolu var.

115
00:08:46,450 --> 00:08:54,460
Yapabileceğimiz bir sınıf yaratmak, böylece Cs'lerimizde bir sınıf oluşturacağız ve bunu tamamlandı

116
00:08:54,460 --> 00:08:59,630
olarak adlandıracağız veya tamamlandı ve renkleri gri olacak.

117
00:08:59,800 --> 00:09:00,890
Bu tekliflere ihtiyacımız yok.

118
00:09:01,000 --> 00:09:08,980
Biz javascript değildir ve metin dekorasyon bir çizgi olacak ve kaydetmek ve sonra bunu yapmaktır.

119
00:09:09,140 --> 00:09:20,310
yerine geçebiliriz ve hepsini silmiş ve yapmak istediğimiz tek şey bu nokta değiştirme sınıfının tek satırlık tamamlanmış

120
00:09:20,320 --> 00:09:20,890
olmasıdır.

121
00:09:23,700 --> 00:09:27,240
Evet, aslında tüm bu kodun

122
00:09:27,490 --> 00:09:33,960
Dolayısıyla bir müttefik üzerine tıkladığımızda, sınıfta tıkladığımız slayda geçiş yapacağız ve tamamlanan sınıf

123
00:09:33,970 --> 00:09:40,510
bunu griye çevirip efekt yoluyla bir satır veriyor ve onu kaldırması gerekip gerekmediğini

124
00:09:40,500 --> 00:09:43,980
takip edecektir veya otomatik olarak eklendi.

125
00:09:44,380 --> 00:09:48,240
Böylece burada daha önce olduğu gibi görünüyorsun.

126
00:09:48,370 --> 00:09:54,700
Ancak sadece 10 satırdan daha çok bir satırlık bir kod yazmak zorunda kaldık ve bir sonraki video da

127
00:09:54,690 --> 00:09:57,490
X'in aslında onu yapmaya nasıl yönlendirdiğimiz hakkında konuşacağız