Tamam geri geleceğiz.
Bu yüzden bence bunlardan bazılarını kendi başınıza atmanın zamanı geldi.
Bu yüzden hızlı bir egzersiz yapıyorum.
Yapmanız gereken tek şey yeni bir yaş yaratmak veya yeni bir javascript dosyası oluşturmak ve dosyamın yaşına tek bir
düğme eklemek.
Bu kadar.
Ve o düğmeyi tıkladığımda yapmanız gereken tek şey vücudun arka plan rengini beyazdan
mora çevirmektir.
Bunu nasıl yaptın.
Sana bırakacağım.
Şimdiye kadar bahsettiğimiz farklı şeylere rağmen bunu yapabileceğiniz birkaç farklı yol var ancak
düğmeyi tıklattığınızda bazı kod çalıştırmanız gerekiyor ve bu kod mor ve mor renkler olmaksızın
arka plan rengini iki renk arasında değiştirmeli. Beyaz ya da daha iyi renkler seçersiniz.
Tamamen sana kalmış.
Şu an Pasic videosu.
Kendi başına bir şans ver.
Bunu yaptığınızdan ve hazır olduğunuzda geri gelmenizin bir önemi var,
birlikte bir çözüm üzerinde çalışacağız.
TAMAM.
Bu işi nasıl yapacağımız hakkında konuşalım.
Öncelikle, burada öncelikle HMO'mıza eklemek zorunda olduğum yaşlı bir kadın dosyaya ihtiyacımız var.
Bu renkte geçiş yapmak için arama yapalım ve tek ihtiyacımız olan tek bir düğmeyle,
tıklamayla öylece ekleyeceğiz.
javascript'inde bir betik etiketi ekleyeceğimiz bir şey yapabiliriz ancak harika bir uygulama değil.
Şimdi javascript dosyamıza ihtiyacımız var ve kolayca buradaki ve bizim
Dolayısıyla sadece doğru alışkanlığı elde etmek ve yeni bir dosya hazırlamak için sadece geçiş diyebiliriz.
J. S. aynı dizinde ve içinde her zaman yapmaktan
hoşlanıyorum gibi sadece bağlı olduklarından emin olmak için bir uyarı ekleyeceğim ve daha sonra
bu betiğe gitmem gerekiyor ve bu kaynağa eşit olması gerekir toggle dot Jay Yes sadece bunun gibi.
Öyleyse devam edin ve bu dosyayı tarayıcıda açın ve neye sahip olduğumuza bakın.
Buraya işaret edeceğim ilk şey.
İşlerin bağlı olduğunu ancak düğmenin henüz sayfada olmadığını bildiren uyarıyı bulduğumuza dikkat edin.
Demek ki uyarı kaldırılıncaya kadar düğmeyi görmüyoruz.
Ve bu gerçekten önemli ve bunu düzeltmek istiyoruz.
Bize söyleyen şey, düğmenin sayfada hiç bulunmadığından önce kodumuzun çalışıyor olması ve
yazacağımız kodun düğmenin sayfada olması gerçeğine dayanması olacak olması.
Hızlı bir dinleyici ekleyemiyoruz aksi takdirde olay dinleyicisi yalnızca çalışacak ve sayfayı çalıştırdığı
anda olan öğelere etkinlik ekleyecektir.
Dolayısıyla bunu düzeltmenin birkaç yolu var.
vücudun sonuna taşımak ve böylece bu düğmenin yüklendiğinden emin olduğumuzdan emin olmaktır.
Şimdilik en kolay olanı, komut dosyamızı
Jay sorgusuna ulaştığımızda bunu yapmanın başka bir yolu hakkında bilgi edineceğiz, ancak şimdilik mükemmel
sonuçta çalışıyor.
Dolayısıyla şimdi yenilersek, düğmeleri zaten orada göreceksin.
Ve sonra onu bağlayan bir uyarı alıyoruz.
Şimdi mantık hakkında konuşalım.
Hadi J toggle gidelim S. ve düğmeyi seçin.
Bu nedenle, var düğmesi belge sorguları seçici düğmeye eşittir ve tabii bunu seçmenin tek bir yoludur.
Ardından, olay dinleyicimizi eklemek istediğimiz olay dinleyicisi düğmesini tıkladığınızda düğmesini
tıklattıktan sonra yalnızca geri arama işlevini çalıştıran işlevimizi.
Ve yalnızca, doğru şeyi seçtiğimizden ve bu işlevi çalıştırdığımızdan emin olmak için tıklanan
bir uyarı ile başlamak isterim.
Tıkladığımızda yenileyelim tıklarsak tıklanırız.
Bu harika.
Yaptığımız tek şey vücudun arka plan rengini değiştirmek.
Bu yüzden sadece belge dökümü yaparak başlayıp sadece mor olarak ayarlayalım.
Bu nedenle, arka planın mora eşit gövde stilini belgeleyin ve belge noktası gövdesini kullandığımı göreceksiniz.
Ayrıca, seçici sorgularını belge yapabiliriz ve gövde etiketinin adını veya belge dikhedli etiket
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.
Bu, belgeye yerleştirilmiş bir kısayol.
Yani bunu morya çevirdiğimi ve burada gitmem gerektiğini düşünüyorum.
Tıklayıncaya kadar mor bir ceset elde edersiniz, ancak elbette bu sorunun bir kısmı geri dönüyordu.
Bu yüzden buraya tıkladığımda beyaza dönüyor ve tekrar tıkladığım andan sonra mora dönüyor ve ikisi
arasında geçiş yapmaya devam ediyor.
Dolayısıyla, yapmamız gereken bazı mantık eklemek ve beyaz mantıklı olursa, mantığımız buna
benzer bir şey yapacak, aksi halde böyle bir şey yapacak.
Bu yüzden işleyeceğim şekilde ele aldığım boolean değeri yaratacağım mor
Savar mor ve yanlış olarak başlayacak çünkü sayfayı yenilediğimde mor değil mor olduğu için
yanlış.
Ve sonra yapmamız gereken şey, mor olup olmadığını kontrol edeceğimiz javascriptimizin içindeyiz.
Yani eğer mor ise, arka plan rengini beyaz gibi
yapmak isteyeceğiz.
Ve değişim
beyaz olmalı ve sonra Aksi takdirde biz mor yapacağız dışında aynı şeyi yapacağız.
Elbette ki tek mesele şu ki mor her zaman yanlıştır.
Bunu değiştirmek istiyoruz.
Vücut stiline göre mor belge ise mor ise ancak arka plan beyaza eşitse
ve o zaman mor diye adlandırdığımız şey şu anda sahtelere döndüğünden beyaza çevirdiğimiz
ve daha sonra mor diyeceğimizi söyledik mor eşittir.
Ve tabii ki dize true değil ya da false dize değil, bir boolean değeri olması gerekiyor.
Burada yaptığımız şey, kendi küçük hedef izcimizi yaratmak.
Bu boolean mor başlangıçın yanlış olduğunu.
İlk kez mor renkte.
Bu olmaz.
Böylece arka planı mor olarak değiştirmek için başkasına gidiyoruz ve sonra mor şimdi doğru.
Böylece bir dahaki sefere kullanıcı tıkladığında mor olur; bu şimdi doğrudur.
Dolayısıyla, arka planı beyaz olarak değiştirirsek mor tekrar sahte olur ve ileri
geri geçeriz demektir.
Dolayısıyla, yenileme denetleyicisi konseyi, hatalarımız olmadığından emin olur.
Ve şimdi mor beyaz mor ve beyaz deneyelim.
Yani, yapmak zorunda olmadığımız küçük bir faktör var, bunu false olarak mor koyuyoruz
ve if ifadesinde doğru olmak mor olacaktır.
Bunu sadece yazarak yapmanın daha kısa bir yolumuz var.
Mor eşittir mor değildir.
Dolayısıyla, bunu yalnızca doğru ile yanlış arasında, tersi yadsıyarak geçireceksiniz.
Bu da güzel bir kısayol.
Şimdi burada Heigl's olduğunu görebilirsiniz ve biraz daha kısa ama umarım bazılarınız
sınıf listesinden öğrendiğimizde ne düşündüğünü görebilmek için daha da kısa bir yol var.
Geçiş yöntemi denen bir yöntem vardı.
Öyleyse bir CSA sınıfı olarak tanımlarsak ve devam edelim ve bunu stil yerine
yapalım, şimdilik bir stil etiketi yapacağım ve Dot adlı bir sınıf ekleyeceğim.
Ve sadece mor veya sadece mor demeliyiz.
Bu sınıfın adıdır ve sadece arka planın mor olduğunu söyleyeceğiz ve
yapacağımız şeyleri bu sınıfta açıp kapamaktır.
Yani buraya dönün ve şimdi bunu kopyalayıp sayacağım ve sayım yaptım ve tek yapmanız gereken,
düğmeyi tıklattığınızda bunu yorumlamak ya da bunlardan kurtulmak bu aşamalardan kurtulmak.
Bütün bunlar yapmak istediğimiz tek şey vücudu belgelemek.
Sınıfsız geçiş.
Ve sonra daha yeni yaptığımız sınıfın adı mor olarak adlandırıldı.
Vücudun mor adında bir sınıfı yoksa, bunu ekleyecektir.
Ama zaten sınıfın adı mor olup olmadığını kontrol ediyor.
Onu kaldıracaktır.
Dolayısıyla mor ya da beyaz olup olmadığını takip etmek zorunda değiliz.
Şu anda sınıf uygulansa ya da yoksa buna ihtiyacımız yok artık mor Boullion.
Temelde hepsi sınıfsız geçiş yerine tamamlanmış durumda.
Bu yüzden yenileyiyorum.
Tıkırdım ve aynı göründüğünü görebilirsiniz.
Ama eğer biz teftiş edersek ve vücuda bakarsak.
İşte başlıyoruz.
Bildirim sınıfı mora eşittir.
Ve sonra tıkladım ve artık klasik morumuz yok.
Uzaklaşıyor.
Bu belge tamamlama belgesi.
Gerçekten gerçekten faydalı olan sınıf listesi geçişi.
Burada bu mantıktan çok daha kısa.
Pekâlâ, bu benim çözümüm.