1 00:00:00,380 --> 00:00:02,130 Tamam geri geleceğiz. 2 00:00:02,130 --> 00:00:05,070 Bu yüzden bence bunlardan bazılarını kendi başınıza atmanın zamanı geldi. 3 00:00:05,400 --> 00:00:07,310 Bu yüzden hızlı bir egzersiz yapıyorum. 4 00:00:07,560 --> 00:00:14,730 Yapmanız gereken tek şey yeni bir yaş yaratmak veya yeni bir javascript dosyası oluşturmak ve dosyamın yaşına tek bir 5 00:00:14,730 --> 00:00:15,620 düğme eklemek. 6 00:00:15,630 --> 00:00:16,920 Bu kadar. 7 00:00:16,920 --> 00:00:23,490 Ve o düğmeyi tıkladığımda yapmanız gereken tek şey vücudun arka plan rengini beyazdan 8 00:00:23,490 --> 00:00:24,780 mora çevirmektir. 9 00:00:24,780 --> 00:00:25,600 Bunu nasıl yaptın. 10 00:00:25,600 --> 00:00:27,190 Sana bırakacağım. 11 00:00:27,240 --> 00:00:31,620 Şimdiye kadar bahsettiğimiz farklı şeylere rağmen bunu yapabileceğiniz birkaç farklı yol var ancak 12 00:00:31,620 --> 00:00:36,570 düğmeyi tıklattığınızda bazı kod çalıştırmanız gerekiyor ve bu kod mor ve mor renkler olmaksızın 13 00:00:36,570 --> 00:00:41,280 arka plan rengini iki renk arasında değiştirmeli. Beyaz ya da daha iyi renkler seçersiniz. 14 00:00:41,280 --> 00:00:42,220 Tamamen sana kalmış. 15 00:00:42,510 --> 00:00:44,010 Şu an Pasic videosu. 16 00:00:44,190 --> 00:00:45,560 Kendi başına bir şans ver. 17 00:00:45,580 --> 00:00:50,160 Bunu yaptığınızdan ve hazır olduğunuzda geri gelmenizin bir önemi var, 18 00:00:50,160 --> 00:00:52,460 birlikte bir çözüm üzerinde çalışacağız. 19 00:00:54,620 --> 00:00:55,280 TAMAM. 20 00:00:55,350 --> 00:00:58,110 Bu işi nasıl yapacağımız hakkında konuşalım. 21 00:00:58,110 --> 00:01:04,870 Öncelikle, burada öncelikle HMO'mıza eklemek zorunda olduğum yaşlı bir kadın dosyaya ihtiyacımız var. 22 00:01:05,310 --> 00:01:14,550 Bu renkte geçiş yapmak için arama yapalım ve tek ihtiyacımız olan tek bir düğmeyle, 23 00:01:14,550 --> 00:01:16,590 tıklamayla öylece ekleyeceğiz. 24 00:01:16,650 --> 00:01:22,850 javascript'inde bir betik etiketi ekleyeceğimiz bir şey yapabiliriz ancak harika bir uygulama değil. 25 00:01:22,860 --> 00:01:27,260 Şimdi javascript dosyamıza ihtiyacımız var ve kolayca buradaki ve bizim 26 00:01:27,270 --> 00:01:34,170 Dolayısıyla sadece doğru alışkanlığı elde etmek ve yeni bir dosya hazırlamak için sadece geçiş diyebiliriz. 27 00:01:34,190 --> 00:01:42,540 J. S. aynı dizinde ve içinde her zaman yapmaktan 28 00:01:42,540 --> 00:01:47,910 hoşlanıyorum gibi sadece bağlı olduklarından emin olmak için bir uyarı ekleyeceğim ve daha sonra 29 00:01:51,130 --> 00:01:57,450 bu betiğe gitmem gerekiyor ve bu kaynağa eşit olması gerekir toggle dot Jay Yes sadece bunun gibi. 30 00:01:57,510 --> 00:02:02,880 Öyleyse devam edin ve bu dosyayı tarayıcıda açın ve neye sahip olduğumuza bakın. 31 00:02:02,880 --> 00:02:04,640 Buraya işaret edeceğim ilk şey. 32 00:02:04,800 --> 00:02:10,770 İşlerin bağlı olduğunu ancak düğmenin henüz sayfada olmadığını bildiren uyarıyı bulduğumuza dikkat edin. 33 00:02:11,220 --> 00:02:14,710 Demek ki uyarı kaldırılıncaya kadar düğmeyi görmüyoruz. 34 00:02:15,030 --> 00:02:17,450 Ve bu gerçekten önemli ve bunu düzeltmek istiyoruz. 35 00:02:17,490 --> 00:02:24,210 Bize söyleyen şey, düğmenin sayfada hiç bulunmadığından önce kodumuzun çalışıyor olması ve 36 00:02:25,140 --> 00:02:30,060 yazacağımız kodun düğmenin sayfada olması gerçeğine dayanması olacak olması. 37 00:02:30,150 --> 00:02:36,810 Hızlı bir dinleyici ekleyemiyoruz aksi takdirde olay dinleyicisi yalnızca çalışacak ve sayfayı çalıştırdığı 38 00:02:36,810 --> 00:02:39,100 anda olan öğelere etkinlik ekleyecektir. 39 00:02:39,450 --> 00:02:41,290 Dolayısıyla bunu düzeltmenin birkaç yolu var. 40 00:02:41,310 --> 00:02:47,040 vücudun sonuna taşımak ve böylece bu düğmenin yüklendiğinden emin olduğumuzdan emin olmaktır. 41 00:02:47,040 --> 00:02:49,710 Şimdilik en kolay olanı, komut dosyamızı 42 00:02:49,710 --> 00:02:55,020 Jay sorgusuna ulaştığımızda bunu yapmanın başka bir yolu hakkında bilgi edineceğiz, ancak şimdilik mükemmel 43 00:02:55,020 --> 00:02:55,680 sonuçta çalışıyor. 44 00:02:55,980 --> 00:02:59,440 Dolayısıyla şimdi yenilersek, düğmeleri zaten orada göreceksin. 45 00:02:59,610 --> 00:03:03,140 Ve sonra onu bağlayan bir uyarı alıyoruz. 46 00:03:03,210 --> 00:03:05,470 Şimdi mantık hakkında konuşalım. 47 00:03:05,490 --> 00:03:09,460 Hadi J toggle gidelim S. ve düğmeyi seçin. 48 00:03:09,660 --> 00:03:19,920 Bu nedenle, var düğmesi belge sorguları seçici düğmeye eşittir ve tabii bunu seçmenin tek bir yoludur. 49 00:03:20,970 --> 00:03:28,030 Ardından, olay dinleyicimizi eklemek istediğimiz olay dinleyicisi düğmesini tıkladığınızda düğmesini 50 00:03:30,930 --> 00:03:36,650 tıklattıktan sonra yalnızca geri arama işlevini çalıştıran işlevimizi. 51 00:03:37,290 --> 00:03:44,100 Ve yalnızca, doğru şeyi seçtiğimizden ve bu işlevi çalıştırdığımızdan emin olmak için tıklanan 52 00:03:44,100 --> 00:03:46,450 bir uyarı ile başlamak isterim. 53 00:03:46,470 --> 00:03:51,910 Tıkladığımızda yenileyelim tıklarsak tıklanırız. 54 00:03:51,960 --> 00:03:52,860 Bu harika. 55 00:03:52,860 --> 00:03:59,280 Yaptığımız tek şey vücudun arka plan rengini değiştirmek. 56 00:03:59,700 --> 00:04:04,920 Bu yüzden sadece belge dökümü yaparak başlayıp sadece mor olarak ayarlayalım. 57 00:04:05,100 --> 00:04:14,980 Bu nedenle, arka planın mora eşit gövde stilini belgeleyin ve belge noktası gövdesini kullandığımı göreceksiniz. 58 00:04:15,150 --> 00:04:24,830 Ayrıca, seçici sorgularını belge yapabiliriz ve gövde etiketinin adını veya belge dikhedli etiket 59 00:04:24,840 --> 00:04:35,510 adının vücut sıfırından elemanları almasını sağlarsınız, ancak sadece belge noktası gövdesini kullanmak daha kolaydır. 60 00:04:35,670 --> 00:04:38,730 Bu, belgeye yerleştirilmiş bir kısayol. 61 00:04:38,730 --> 00:04:42,970 Yani bunu morya çevirdiğimi ve burada gitmem gerektiğini düşünüyorum. 62 00:04:43,110 --> 00:04:50,770 Tıklayıncaya kadar mor bir ceset elde edersiniz, ancak elbette bu sorunun bir kısmı geri dönüyordu. 63 00:04:50,940 --> 00:04:56,310 Bu yüzden buraya tıkladığımda beyaza dönüyor ve tekrar tıkladığım andan sonra mora dönüyor ve ikisi 64 00:04:56,310 --> 00:04:57,870 arasında geçiş yapmaya devam ediyor. 65 00:04:58,290 --> 00:05:06,030 Dolayısıyla, yapmamız gereken bazı mantık eklemek ve beyaz mantıklı olursa, mantığımız buna 66 00:05:09,150 --> 00:05:16,040 benzer bir şey yapacak, aksi halde böyle bir şey yapacak. 67 00:05:16,350 --> 00:05:21,550 Bu yüzden işleyeceğim şekilde ele aldığım boolean değeri yaratacağım mor 68 00:05:21,630 --> 00:05:29,130 Savar mor ve yanlış olarak başlayacak çünkü sayfayı yenilediğimde mor değil mor olduğu için 69 00:05:29,130 --> 00:05:29,930 yanlış. 70 00:05:29,970 --> 00:05:37,950 Ve sonra yapmamız gereken şey, mor olup olmadığını kontrol edeceğimiz javascriptimizin içindeyiz. 71 00:05:38,910 --> 00:05:45,450 Yani eğer mor ise, arka plan rengini beyaz gibi 72 00:05:49,200 --> 00:05:50,370 yapmak isteyeceğiz. 73 00:05:50,520 --> 00:05:51,630 Ve değişim 74 00:05:54,690 --> 00:06:02,020 beyaz olmalı ve sonra Aksi takdirde biz mor yapacağız dışında aynı şeyi yapacağız. 75 00:06:02,040 --> 00:06:06,930 Elbette ki tek mesele şu ki mor her zaman yanlıştır. 76 00:06:06,930 --> 00:06:08,610 Bunu değiştirmek istiyoruz. 77 00:06:08,880 --> 00:06:16,230 Vücut stiline göre mor belge ise mor ise ancak arka plan beyaza eşitse 78 00:06:16,230 --> 00:06:23,190 ve o zaman mor diye adlandırdığımız şey şu anda sahtelere döndüğünden beyaza çevirdiğimiz 79 00:06:23,190 --> 00:06:27,610 ve daha sonra mor diyeceğimizi söyledik mor eşittir. 80 00:06:27,840 --> 00:06:35,130 Ve tabii ki dize true değil ya da false dize değil, bir boolean değeri olması gerekiyor. 81 00:06:35,160 --> 00:06:38,280 Burada yaptığımız şey, kendi küçük hedef izcimizi yaratmak. 82 00:06:38,280 --> 00:06:41,020 Bu boolean mor başlangıçın yanlış olduğunu. 83 00:06:41,070 --> 00:06:43,590 İlk kez mor renkte. 84 00:06:43,590 --> 00:06:44,510 Bu olmaz. 85 00:06:44,610 --> 00:06:49,990 Böylece arka planı mor olarak değiştirmek için başkasına gidiyoruz ve sonra mor şimdi doğru. 86 00:06:50,190 --> 00:06:54,460 Böylece bir dahaki sefere kullanıcı tıkladığında mor olur; bu şimdi doğrudur. 87 00:06:54,480 --> 00:06:58,890 Dolayısıyla, arka planı beyaz olarak değiştirirsek mor tekrar sahte olur ve ileri 88 00:06:58,890 --> 00:06:59,930 geri geçeriz demektir. 89 00:06:59,970 --> 00:07:03,640 Dolayısıyla, yenileme denetleyicisi konseyi, hatalarımız olmadığından emin olur. 90 00:07:03,900 --> 00:07:08,910 Ve şimdi mor beyaz mor ve beyaz deneyelim. 91 00:07:09,450 --> 00:07:15,030 Yani, yapmak zorunda olmadığımız küçük bir faktör var, bunu false olarak mor koyuyoruz 92 00:07:15,090 --> 00:07:18,180 ve if ifadesinde doğru olmak mor olacaktır. 93 00:07:18,180 --> 00:07:21,110 Bunu sadece yazarak yapmanın daha kısa bir yolumuz var. 94 00:07:21,150 --> 00:07:25,360 Mor eşittir mor değildir. 95 00:07:25,770 --> 00:07:31,280 Dolayısıyla, bunu yalnızca doğru ile yanlış arasında, tersi yadsıyarak geçireceksiniz. 96 00:07:31,440 --> 00:07:33,660 Bu da güzel bir kısayol. 97 00:07:34,200 --> 00:07:40,080 Şimdi burada Heigl's olduğunu görebilirsiniz ve biraz daha kısa ama umarım bazılarınız 98 00:07:40,080 --> 00:07:46,000 sınıf listesinden öğrendiğimizde ne düşündüğünü görebilmek için daha da kısa bir yol var. 99 00:07:46,110 --> 00:07:48,230 Geçiş yöntemi denen bir yöntem vardı. 100 00:07:48,240 --> 00:07:55,320 Öyleyse bir CSA sınıfı olarak tanımlarsak ve devam edelim ve bunu stil yerine 101 00:07:55,320 --> 00:08:01,590 yapalım, şimdilik bir stil etiketi yapacağım ve Dot adlı bir sınıf ekleyeceğim. 102 00:08:01,590 --> 00:08:04,650 Ve sadece mor veya sadece mor demeliyiz. 103 00:08:04,650 --> 00:08:12,630 Bu sınıfın adıdır ve sadece arka planın mor olduğunu söyleyeceğiz ve 104 00:08:12,630 --> 00:08:16,680 yapacağımız şeyleri bu sınıfta açıp kapamaktır. 105 00:08:16,680 --> 00:08:25,140 Yani buraya dönün ve şimdi bunu kopyalayıp sayacağım ve sayım yaptım ve tek yapmanız gereken, 106 00:08:25,140 --> 00:08:31,720 düğmeyi tıklattığınızda bunu yorumlamak ya da bunlardan kurtulmak bu aşamalardan kurtulmak. 107 00:08:31,740 --> 00:08:37,820 Bütün bunlar yapmak istediğimiz tek şey vücudu belgelemek. 108 00:08:38,230 --> 00:08:41,900 Sınıfsız geçiş. 109 00:08:42,210 --> 00:08:46,390 Ve sonra daha yeni yaptığımız sınıfın adı mor olarak adlandırıldı. 110 00:08:46,470 --> 00:08:53,000 Vücudun mor adında bir sınıfı yoksa, bunu ekleyecektir. 111 00:08:53,400 --> 00:08:56,510 Ama zaten sınıfın adı mor olup olmadığını kontrol ediyor. 112 00:08:56,580 --> 00:08:57,660 Onu kaldıracaktır. 113 00:08:57,660 --> 00:09:00,630 Dolayısıyla mor ya da beyaz olup olmadığını takip etmek zorunda değiliz. 114 00:09:00,630 --> 00:09:05,850 Şu anda sınıf uygulansa ya da yoksa buna ihtiyacımız yok artık mor Boullion. 115 00:09:06,270 --> 00:09:09,660 Temelde hepsi sınıfsız geçiş yerine tamamlanmış durumda. 116 00:09:09,930 --> 00:09:11,390 Bu yüzden yenileyiyorum. 117 00:09:12,000 --> 00:09:15,980 Tıkırdım ve aynı göründüğünü görebilirsiniz. 118 00:09:16,110 --> 00:09:19,890 Ama eğer biz teftiş edersek ve vücuda bakarsak. 119 00:09:19,890 --> 00:09:20,670 İşte başlıyoruz. 120 00:09:20,790 --> 00:09:22,930 Bildirim sınıfı mora eşittir. 121 00:09:22,980 --> 00:09:26,310 Ve sonra tıkladım ve artık klasik morumuz yok. 122 00:09:26,310 --> 00:09:27,570 Uzaklaşıyor. 123 00:09:27,990 --> 00:09:29,830 Bu belge tamamlama belgesi. 124 00:09:29,910 --> 00:09:32,760 Gerçekten gerçekten faydalı olan sınıf listesi geçişi. 125 00:09:32,760 --> 00:09:35,490 Burada bu mantıktan çok daha kısa. 126 00:09:35,490 --> 00:09:37,030 Pekâlâ, bu benim çözümüm.