Tamam, o yüzden bıraktığımız yeri alacağız.
Doğru rengi tıkladığınızda ve yanlış rengi tıkladığınızda bazı
davranışları eklemeye başlayacağız.
Bu yüzden, yanlış rengi seçtiğinizde başlayalım.
Yapmak istediğimiz şey, bunu arka plan rengiyle eşleşecek şekilde silmek.
Bu aslında oldukça basittir.
Bu, arka planın eşit olduğu bu nokta stilini yazmanın bir meselesidir ve daha sonra,
Cs'lerimizde ayarladığımız rengin bu şekilde görünmesi gerekir.
Bu yüzden yapıştırıp kurtaracağız.
Test yapalım.
Yanlış olanlardan birini tıklayalım.
Kaybolduğunu görebilirsiniz ve doğru olanı tıklamışsak da alarmımızı alabiliriz.
Tamam, bu yüzden yenileyeyim.
İşte başlayacağımız şey de bu.
Ve gerçekleşmesini istediğimiz diğer şey ise bir ekran istemektir, böylece burada burada görebilirsiniz.
Bir ekran olacak, bu yüzden renklerden birine tıklarsam tekrar deneyin diyor.
Ve burada doğru gibi görünürsem, doğru görüntüler ve sonra renk değiştirme gibi diğer
şeylere odaklanır.
Bir kere ilk bölümü alıyoruz.
Bu yüzden, bu paragrafa ekleyelim veya span aslında ne olduğu ve doğru mesajı görüntüleyecek.
Bu yüzden, tekrar HMO'ya gidiyoruz ve başka bir div ekleyeceğiz ve aslında sonunda gidecek üç ya
da dört farklı parçaya sahip olacağız.
Şimdilik, o div'nin içine giren küçük bir aralık olacak.
Bahsettiğim gibi daha fazla olacak.
Şimdilik, burada mesajın bulunmadığını görebildiğiniz sayfayı yenilediğimden başlayacak
olan boşluk olacak.
Yani buraya gideceğiz Boş bir alanım var ve ona bir ben verelim. D. ve biz sadece ona mesaj diyeyim.
Bu şekilde, Javascript'imiz yerine seçebiliriz.
Şimdi javascript'imize gidelim ve bunu seçelim.
Burada, Farm mesajı ekranı belge ile eşleşecek ve bir sorgu seçici sorgu seçici yapacağız
ve o mesajı çağıracağız.
Kimliğe ihtiyacımız var.
Bu yüzden Thor'un yayına ihtiyacımız var.
Ve sonra kullanıcı yanlış tahmin ederse.
Tek yapmamız gereken, mesaj metnini yazmak nokta metin içeriğini yazmak eşittir tekrar deneyin.
Ve yenilersek yanlış olanı tıklarsanız görmek gerçekten zor.
Bu yüzden arka plan rengini veya metin rengini değiştirmeliyiz.
Bunu sadece burada yapabiliriz.
Sadece tüm yayılma alanlarının beyaz renkte olması ve taze olsak diyelim.
Şimdi yanlış olanı tıklattım.
Bana tekrar denediğimi söylüyor.
TAMAM.
Doğru olanı elde edene kadar bunu almaya devam edeceğiz.
Ve hala bu uyarıyı alıyoruz.
Dolayısıyla doğru olanı elde edersek, yapmak isteyeceğimiz şey o mesaj ekranında gösterdiğimiz şeyi değiştirmektir.
Bunu doğru olmak için değiştirmek istiyoruz.
Böylece mesaj, metin içeriğinin doğru
olduğuna işaret eder.
Aynen böyle.
Ve şimdi bunu denersek yanlış yaparız ve tekrar deneriz.
Doğru söylüyoruz ve doğruyu söylüyor.
TAMAM.
Dolayısıyla burada doğru veya yanlış olup olmadığımızın kontrol edildiği ve bir şey sergilediği temel mantığı
var.
Yapabildiğimiz sonraki şey, doğru cevabı aldıktan sonra, cevabın karesini değiştirmek için tüm karelerin
renk değiştirdiği bu özelliği ekleyin.
Yani burada hepsi değişen doğru cevabı tıkıyorsunuz.
Ve sonra bu H1'in arka planını da yapabiliriz.
Bu işi yapmak için yapmamız gereken ilk şey budur.
Aslında kodumu biraz daha düzenli tutmak için yapmak için ayrı
bir işlev yazacağım.
Renkleri değiştirin ve tek bir argümanla bir renk dizesi alacaktır ve daha
sonra, tüm kareler arasında döngüye ihtiyaç duyuyoruz, verilen rengin eşleşmesi için her rengi değiştiriyoruz.
dört VAR'ın toplamı, renk uzunluğu artı artı artı renklerden daha azdır.
Bu nedenle, yaptığımız tüm kareler arasında dolaşmak için, sıfıra eşit
Ve sonra her renk değiştirmemiz gereken yer burasıdır ve bunu daha önce yaptık.
Sadece bir renk.
Teknik olarak kodumuzun renkle uyuşması için her bir kareyi değiştireceğini sağladığımız stildeki zorlu arka
plana eşit renk var.
Yani doğru rengi de buna dahil.
Sadece üzerine yazacak ve halihazırdaki aynı renge çevirecektir.
rengi vermek zorundayız. Bu renk, rengin stilli arka planıdır; tıklandı.
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
ve burada yarattığımız değişken olan doğru
Ve bunu yapıyoruz.
Eğer doğru tahmin ettiyselerdi.
Kaydedip yenilersek hatalarımızı alıp almayacağımıza bakarız.
Hayır!
Ve şimdi hızlıdır.
Yanlış.
Doğruyu tıkladığınızda bir sorun yaşıyoruz ve doğruyu söylersek, renkleri hakkında ne
konuştuğuna bakarsak, tanımlanmamış mülk arka planını ayarlayamayacağımızı söylerüz. Arkaplanda stil oluştururum.
Elbette bir sorunumuz var çünkü bunu bunu renkler dizisine yapıyorum ve bu
bizim renklerimiz değil.
Bu bizim renkler dizimiz.
Değiştirmeye çalıştığımız kareler olan kareler dizisinde olmalı.
Yaptığım şey, renk dizisi sadece dizelerdi.
Böylece kareler uzunluğa çıktı ve şimdi gitmek güzel olmalı ve hepsi öyle
bir renkle değiştirildi.
Tamam.
Böylece, sıradaki rastgele renkleri elde etmeye ve o diziden rastgele bir renk
seçmeye odaklanalım.
Bu yüzden, otomatik olarak renkleri üç yaparak rasgele bir renk seçen
ikinci şeyle başlayacağım ve bu diziden rasgele bir eleman seçmemize yardımcı olacağız.
Aslında bir işlev yapacağım.
Ve bunu yapmamın nedeni kodumuzu temizlemektir ancak aslında bu işlevi daha
sonra kullanacağımız için yeni bir oyuna her başladığımızda yeni bir renk seçmeliyiz.
Bu işi yapmak için birkaç kez aramamız gereken bir şey.
Ben henüz bulunmayan bir fonksiyonu çağırarak başlayacağım.
Bu yüzden pick'ın rengine eşit olduğunu söyleyeceğim ve ismini verelim.
Renk seçin ve seçim rengini tanımlamamız gerekir.
Bu yüzden buraya gelip şu anda işlevini seçmek için alttan yapıyorum.
Bu işlevi biz iki şey yapmak için renk gerekir.
Biri rasgele bir numara seçmektir.
Yani bu dizinin son dizinine kadar 0 veya 1 veya 2 gibi bir şey.
Ve o zaman bu dizinin rengine erişmek için o numarayı kullanmalı ve o rengi geri getirmeliyiz.
Bu yüzden, rastgele bir sayı seçerek başlayacağız.
Ve javascript'te rastgele bir sayı seçme biçimi matematik rasgele kullanıyor ve matematik rastgele 0
ile 1 arasında bir sayı alacak ve bir tane içermiyor.
Bu matematiğin rasgele değil ve uzun
ondalık sayı olduğunu göstermeme izin verin.
Örneğin Dayrell'i taklit etmek için 0 ile 6 arasında bir sayı üretmek istiyorsak,
matematiksel olarak rasgele yapardık ve sonra çarpacağız.
Bizim durumumuzda sadece 6 parayı alsaydık aslında beş sayı dokuz dokuz dokuz dokuzun üzerinde bir sayı
almazdık.
Dolayısıyla bu numaranın birinden yukarı doğru gitmesini ve altıya çarpmasını söylersek, onu altı
ile çarpıp sonunda bir tane ekleyebiliriz.
Şimdi, altıncı nokta doksan dokuza kadar ve bir numara almak için yüksek alabiliriz.
şeyi alıp 6 ekleyerek rasgele çarpma sayısını alıp ondalık noktasından sonra her şeyi kaldırırız.
Daha sonra bu ondalık kesip başka bir yöntem olan matematik üst katını kullanabiliriz ve bu
matemadan döndürülen her
Bu bize 1 ile 6 arasında rastgele sayı verir.
Gördüğünüz gibi ancak mutlaka sadece 1 ile 6 arasında istemiyoruz.
Bu dizide sonunda yalnızca üç öğe olabilir.
Kolay moda gittiğimde görebileceğiniz gibi yalnızca üç renk var.
Bu yüzden üç olabilir ve altı olabilir.
sayı üretip dizinin uzunluğuyla çarpacağız ve Tamam, çünkü kapsayıcı olmadığını da unutmayın.
Dolayısıyla rengini üretmek için sadece dizinin uzunluğunu kullanacağız, böylece bu matematik rastgele
düşündüğümüz gibi görünecek ve 0 ile 1 arasında bir
Böylece dizinin uzunluğu en yüksek dizinden daha fazladır.
Yani uzunluğu altı.
Ancak istediğimiz en yüksek sayı beş'dir.
Çünkü rasgele sayı yalnızca 0 ile 1 arasında değişir.
Fakat iyi durumda olduğumuzu içermez.
yapacağız ve sonra bir kere yaptıysak bize rasgele bir numara verir.
Böylece onu üretiriz, sonra geriye kalan ondalık noktayı çıkaracak o şeyin katını matematik
Yapmamız gereken sonraki şey, bunu bir değişkene kaydetmek ve daha sonra bu değişkeni, o dizindeki dizideki
bir öğeye erişmek için kullanın.
O zaman dönüş renklerini rastgele söyleyeceğiz.
Böylece, üç gibi rastgele bir sayı seçer ve daha sonra üç renk döndürür.
Tamam.
Bu yüzden bunu test edelim.
Renk seçelim.
Burada üst rengi seçiyoruz.
Yenilersem bunun değişmesini beklemeliyiz ve yenilediğimde değişiyor.
Bazen aynı olanı alırsınız görebilirsiniz, çünkü yalnızca altısı vardır ve asla değişmezler ancak
neredeyse her zaman değişirler.
Şimdi hızlı mantığımızın aynı şekilde çalışıp çalışmadığını kontrol edelim.
Bu yüzden tıklarsam sıfır kırmızı sıfır yeşil ve hepsi mavi olur.
Bu yüzden kırmızı camgöbeği tıklamaya çalışalım.
İyi.
Mavi üzerine tıklarsam doğru olur