Tekrar hoşgeldiniz.
Şimdiye dek, yurtda ve baskın ilişkide olaylar ve olay dinleyicileri etrafında yaptığımız her şeyi
yaptığımız ve şimdiye kadar yaptığımız harfleri gerçekten çok fazla olmayan hızlı alıştırmaları
çıkartıyor.
Ve bu sadece tek tek parçaları nasıl çalıştığını göstermek içindir.
Şimdi bunların hepsinin nasıl bir araya geldiğini ve önemli bir uygulama yaptığını göreceğiz.
Gördüğünüz gibi bu, gelen en güzel uygulama değil.
olayları nasıl ele alacağımızıza, elemanları nasıl seçtiğimiz üzerine nasıl odaklandığımıza odaklanıyoruz.
Parçaları kavramsal olarak nasıl bir araya getirdiklerini,
Şekillendirme sadece fazladır.
Bu noktada ama bir sonraki projede hazırlıyoruz.
Stil ve güzel görünmesine çok fazla odaklanacağız.
Söz veriyorum.
Öyleyse yapacağımız basit bir skor tutma uygulaması.
tik ayak izi ile taş kağıdı makas oynadığınızı düşünmenizi ve skoru takip etmek için
çok yorucu olduğunu ve bu olduğunda kimin kazandığını bilmek çok zorlanmasını isterim. app sizin için olduğu şekilde çalışır.
Bu nedenle, o zamanlar bir arkadaşınız veya masa tenisi veya
İki oyuncu oyuncu 1 skora oyuncu atar.
Sayfayı yüklediniz ve beşe oynadığımızı söylüyor.
Ve tek yapmamız gereken bir düğmeye tıklayarak bir nokta eklemek.
Böylece oyuncu 1'e bir puan eklemek için, Oyuncu 2'yi tıklamak için bir puan oyuncu eklemek istiyoruz,
ardından beş kişiye kim gelirse, Oyuncu 1'i tıklayın.
Yeşilleştiğini fark ettiniz.
Ve eğer tekrar denersem, yapamam.
Çünkü oyun sona erdi.
Bu yüzden sıfırlama düğmesini tıklayarak sıfırlayabilirim.
Ve şimdi üst düzey bir oyuncu iki tamamen süpürüyor ve artık oynayamayacağımız şey bu.
Ve hızlıca sıfırlama.
Dolayısıyla bir başka özellik de, oynadığımız şeyi belirtebilmemiz.
Yani 7: 00'a kadar devam eden bir oyuna sahip olmak isterseniz, burada bu sayı girdisini kullanabilir
ve daha sonra yapmam gereken tek şey bu oyunu daha yakın bir oyun yapalım ve oyuncu bir sonuna kadar gizlice girelim 4:53 ve oyun
7 biter ve oyuncu 1 yeşilleşir ve daha fazla puan ekleyemez ve sonra tekrar sıfırlayabiliriz.
İşte burada inşa etmeye odaklanacağımız şey de bu.
Yapmak istediğimiz ilk şey, dosyamızı ayarlamak ve daha sonra H ekibi L yapısını oluşturmak ve
sonra da javascript ile gideceğiz ve işler yapacağız.
Öyleyse devam edin ve başlayalım.
Bu yüzden belgeleyeceğim boş bir belam var.
Ben de skor koruyucusu adını söylüyorum, Timo bu dökümanımıza ekleyecek ve ona böyle bir
başlık verecektir.
O zaman burada baktığım şey hakkında konuşarak başlamak zorundayım.
Yani bu H-1 H1 değil ve bunu sonunda değiştireceğiz.
Bunun sadece sağlam bir oyun olmasını istemiyoruz çünkü bu H-1'in içinde iki
şey var; Oyuncu 1 Puan 2 oyuncu gibi olmalı ama bunu ayrı olarak seçebilmeliyiz.
Dolayısıyla bu H1'i daha küçük parçalara bölmenin bir yolunu istiyoruz.
Dolayısıyla bunu biraz nasıl yapabileceğimizi göreceğiz.
Öyleyse sıradaki, oynamakta olduğun bir paragraf.
Ve başlamak için yedi yaşına girelim.
Ya da beş yapalım.
Bence nasıl geçti.
Ve sonra burada bir girdi var.
Bu, giriş tipi eşittir sayısıdır.
Dolayısıyla giriş tipi sayıya eşit ve ihtiyacımız olanın hepsi bu.
Sonra da ilk düğmeyiz.
Oyuncu 1 veya ikinci düğme çalar 2.
Ve son düğmemiz sıfırlandı.
Bu sayfayı yenilersek şimdi yarattığımız kendi sayfasını açarız.
Hadi bir bakalım.
Onlar neredeyse aynı görünüyor.
Doğru görünüyor bu bir yere biraz büyütmek.
Hiçbir şeye tıklarsak elbette hiçbir şey olmaz.
Şimdi de içindeki javascript'imize girelim.
Böylece yeni bir dosya oluşturacağım, bunu Scorekeeper J. diyeceğim. S. ve her zaman yaptığım
gibi uyarılarımı buraya bağladığım gibi ekledim.
tutkunlarına geçeceğim ya da senaryoyu ekleyeceğim ve başlamak için alt tarafta yapacağım.
Sonra skor
Böylelikle komut dosyası tipi çağrı javascript kaynağı, scorekeeper'a eşittir.
Evet sadece öyle.
Şimdi yenilersen.
Bu, bana bağlı javascript uyarısı olduğunu söylediğim sayfanın benim versiyonudur.
Tamam.
Böylece e-postamızı ayarladık.
Harika görünüyor.
Şimdi yapmamız gereken aslında bazı işlevsellik ekleyen bazı javascript kodu almaktır.
Ve daima farklı unsurları seçerek başlamamız gerekir.
Bu yüzden düğmeleri seçerek başlayalım ve oyuncuyu bir, oyuncu ya da
iki düğmeyi yapalım ve odaklanacağımız ilk özellik, bu düğmelerden birine tıkladığımızda
puanı artırmamız gerekiyor.
Dolayısıyla tek yapmamız gereken o oyuncuya bir düğme seçerek başlamak ve eğer bir bakarsak bunun sadece bir
düğme olduğunu ve bunu kimlik numarasına eklemek isteyebileceğimizi belirtmek için bu kelimeyi arayacağız ve burada tamamlandığında P2 için bir tane ekleyeceğiz ve
sonra Ayrıca sıfırlamayı sadece sıfırlama olarak adlandıracağız.
Şimdi üç fikirimiz var.
Dolayısıyla seçmek daha kolaydır.
Buna sadece VIP bir düğme belge sorgusu seçiciye eşit diyoruz.
Veya elemanı KİM olarak alabiliriz.
Bunları bir araya getireceğim, böylece birincisi sorgu seçici P1 ve ardından P2 ile yapacağız.
Düğme belge noktası olacak ve öğeye göre öğeler alacağız ve artık bu Octa Thorpe'ye ihtiyacımız yok.
Bu bize iki düğme verir.
düğmesini tıkladığımızda ilk dinleyicimizi kuralım, bu düğme sizi uyaracak veya iptal edecektir.
Ve ilk
Bu yüzden P1 düğmesi yazmak ve tıklama üzerine olay dinleyicisi eklemek istiyoruz ve sonra işlevi burada ekliyoruz.
Ve bu fonksiyonun içinde uyarıya tıkacağız ve hepsi bu kadar.
Sayfamızı yenileyip tekrar tıklarsanız, doğru seçtiğimizi söyleyen harika tıklama denerseniz, Dinleyicimizi
Click olayına doğru ekledik.
Oyuncu 2, bir şey yapmaz, çünkü bunu sadece oyuncu 1 düğmesine ekledik.
Şimdi şimdi bunun nasıl işleyeceği hakkında konuşalım.
1 puanı veya kaç puanı takip ettiğini söyleyen bir değişkene ihtiyacım var.
Buraya tıkladığımızda Oyuncu
Oyuncu bir tane var ve tıklattığımda oyuncu 1 puanına bir tane eklemelisin ve son bölüm burada bunu
oyuncu 1 puanını yansıtacak şekilde güncelliyor.
Bu yüzden bir değişken yapacağım, sadece 1 puan diyelim ve başlamak için sıfır olarak ayarlayalım.
Ve sonra tek yapmak istediğim, tıklarsak, başlayacağız, ancak her zaman oyuncu 1 puanına bir tane ekleyeceğiz.
Yani bu sadece bir puan artı artı olacak.
Aynen böyle.
Yeniledik ve hiçbir şey görmedik çünkü bu günlüğü muhtemelen iptal etmeliyiz.
Dikkatsizlikten önce puan kazandı.
Şimdi yenileyip konsol ve McCook player 1 skorunu açarsak ve nasıl gittiğini görmek çok hızlı sinir
bozucu olur.
Bir iki üç dört beş ve devam edecek.
Birkaç problem var.
Biri burada puanı göstermiyor, ikisi de beşe oynadığımızı söylüyor.
Ve tabii ki durum böyle değil, çünkü onu istediğimiz kadar artırıyoruz.
Dolayısıyla beş oyun bittiğinde veya böyle bir şey yaparsa söyleyen bazı mantıklara ihtiyacımız var.
Ancak, bu H1'i nasıl güncelleyebileceğimizi öğrenerek başlayalım.
Yapabileceğimiz, sadece başlamak için H-1'i seçmek.
Bu yüzden sadece uzaktan arayın.
H1, seçici H-1'i bunun gibi sorgular.
Ve sonra burada, sadece H-1 nokta metin içeriğinin tek bir puana eşit olduğunu söyleyeceğiz.
Dolayısıyla bunu alıp metin içeriğini, günlüğe kaydetmeden olduğumuz puanı alacak
şekilde değiştireceğiz.
iyi puan alırsam, ancak her birinin içindeki her şeyi tamamen bozduğumuzu görebilirsiniz.
Ve burada
İki ve diğer puanı toplamak istiyoruz.
Sadece bir numarayı değiştirmek istiyoruz.
Bu yüzden bir bakıcıya geri dönersek hayatını kolaylaştıran bir erkek için fazladan bir
h kullanmanın bir yolu var ancak her seferinde bir yayılma öğesi sunacağız.
Ve sürecin çalışma şekli, yalnızca puanın sayısını saracaktır.
Bu ne anlama geliyor, şimdi bunu incelersem yapabiliriz.
Hiçbir şey değişirmiş gibi görünmüyor ve bu da bir noktanın noktası.
Bir şeyleri bazı etiketlerle sarmalamanın ardından daha sonra kullanabileceğiniz veya farklı şekilde biçimlendirilebilecek bir yöntem veya
yalnızca H-1'i aramamız durumunda tam olarak ne yapacağız javascript ile seçim yaparsanız, güne yapışmayan
bir şeydir, ancak şu anda biz şimdi şimdi o numarayı sarmalayan özel bir süre var.
Öyleyse bu aralığı seçip, o aralığı değiştirirsek, yalnızca artı ve aralığımız doğru olacak ve
diğer puanı alacağız.
Bu yüzden, bu kapsamı seçmek ve tekrar burada bir kimlik yapmak istiyoruz.
Böylece, bu P1 görüntüsünü bunun gibi adlandıracağız.
Ve şimdi biz de atıcı J S'ye gidip birkaç şeyi değiştirmeliyiz.
Bu nedenle H-1'i yok etmek için daha fazla H-1 seçmemiz gerekmiyor.
Dokümanı elde etmeye eşit bir görüntüyü seçeceğiz ve yine sorgu seçici yapalım, sadece
Sorgu seçici.
Ve P1 ekranını çağırırız, bu da bize yalnızca alanı verir ve bunun çalıştığını kontrol etmek ister
miydik.
Neden burada konser tonozu günlüğü yapmıyoruz?
Görüntülendiğinde sayfayı yenilediğimiz zamanı görmek için Tamam yazdıracaktır.
Spand'ımızı doğru seçtiniz.
TAMAM.
Şimdi ne yapmak istiyoruz ve bundan kurtulmak skora bir tane eklemek.
Diğer eksilerinden kurtulabiliriz. Ancak tüm H-1'deki metin içeriğini değiştirmek yerine oturum açın.
Biz sadece bu küçük aralıktaki P1 ekranımızda onu değiştirmek istiyoruz.
Ve eğer şimdi yenilersek gideriz.
Dolayısıyla o oyuncuya 1 görüntüleme yapan oyuncu 2'yi hala bir şey yapmıyoruz, ancak bu özelliğimiz
çalışıyor.
Aynı şeyi oyuncu 2 için de yapalım.
Bu yüzden geri gidip, sıfır yayılma alanımın etrafındaki başka bir aralıkta ekleyerek görüntülenecek ve ardından arasında sıfıra
eşit olacağım.
Hiçbir şey yenilemiyoruz ama şimdi iki kapımız var.
Dolayısıyla görebiliyor musun, o zaman atıcı J usumuza dönelim ve iki yeni değişken ekleyelim.
Bu nedenle, oyuncu için bu kimliğe sahip seçmek için açıklık göstermeliyiz.
Sorgu seçici tekrar kullanacağım.
Ve o zaman skor oyuncusu için bir değişkene ihtiyacımız var, onun için aynı puanı olmasını istemiyoruz.
Açıkçası değerlerini izlemek için iki ayrı yola ihtiyacımız var.
Bu yüzden yapmak istediğim ilk şey, oynatıcının düğmeye doğru seçildiğini test etmektir.
Bu yüzden sadece düğmeye bir konser tonozu kaydı yapacağım ve neyin çıktı olduğunu göreceğim.
Ve yenilersek, eksilere bakarız. Bir şeylerin ters gittiğini görebilirsiniz.
Oyuncu bir düğmeyi değil, oyuncu iki düğmeyi seçtik.
Seçici ile bir şey yanlış.
Buraya geldiğimizi gördüğümüz gibi id P1 öğesine göre elemanları seçtiğimizi görebilirsiniz.
Bunun yerine P2'yi seçmeliyiz.
Tamam, şimdi yenilenirsek ilgileniliriz, yani P2 düğmesinin harika olmasını sağlıyoruz.
Şimdi dinleyicimize ekleyin.
Bu yüzden Pete, reklam etkinliği dinleyicisi tıklamaya düğmeye basacak ve ben sadece bir şey bastırarak veya
bir yenileme günlüğü gibi bir şey hatırlatan bir şeyle başlamaktan her zaman keyif alıyorum.
Ve P2 oyuncumuz hala çalıştığını ve P2'nin de bazı kod çalıştırdığını görüyoruz.
Şimdi sadece doğru kodu oraya koymamız gerekiyor.
Oyuncu 1 düğmesi için yaptığımız şeylere bir göz atarsak, başlatmak için bir değişken artışı puanı toplayan bir
oyuncuya ihtiyacımız var.
Şimdiye kadar P2 puanı.
Ve bu da sıfırdan başlamalı.
Ve sonra sadece buraya gelip bunu P2 puanı artı olarak değiştirmek ve daha
henüz seçmediğimiz ekranda güncellememiz gerekecek.
Bu yüzden, bu aralığı seçmek zorundayız.
P2 ekranının ID'yi burada hatırla.
Yani bunu yapacağız.
O çizgiyi kopyalayacak ve belge Ördek selektörü P2 görüntüsünü gösterecek şekilde değiştirecek
ve sonra ekrandaki görüntüyü, skorlamak için oyuncuya eşit olacak şekilde metin içeriğine değiştireceğiz.
O halde bir göz atalım.
Çalışan 1. oyuncuya tıklayın.
2. oyuncu nasıl işe yarıyor?
TAMAM.
Dolayısıyla şu anda oyunun sonu yok.
Bu sadece sonsuza dek devam edecekti.
Bu yüzden bu işlevsellik ekleme üzerinde çalışmak gerekir.
yapmanın yolu, oyunun durumunu takip edecek bir değişkendir.
Ve bunu
Dolayısıyla oyunun iki durumu var.
Birincisi, oynamak istediğim yeri tıklattığım şu andaki normal durum.
Ve ikinci devlet, birinin sahip olduğu yerde oyun diyebileceğimiz durum olurdu.
Dolayısıyla iki duruma ihtiyacımız var ve sadece doğruyu veya yanlış olanı modellemek için bir boolean kullanabilirsiniz.
Ve şimdiye kadar oyunu denirim.
Oyun bitti ve oyun sahte olduğu için bu yanlış başladı.
Oyunun başında doğru değil.
Ve sonra ne yapacağımızı, biri kazanırsa bağımlı olarak oyunun doğru veya yanlış olmasını sağlayacağız.
Dolayısıyla birisi beş maça çıkarsa, şimdi doğru olması gerektiği anlamına gelir ve bu artık puanı güncelleyemediğimiz
anlamına gelir ve sıfırlamak ve sıfırlamak zorunda kalmamız durumunda oyunu tekrar sahte hale getirip her
şeyi baştan başlatmalıyız.
Ne demek istediğimi göstermeme izin verin.
Yapmak istediğimiz ilk şey başka bir değişken eklemek.
Ben kazanan puanı diyeceğim.
Ve bu sadece 5'e eşit olacak.
Dolayısıyla bu değişken, 1. ve 2. oyuncu arasındaki puanı karşılaştırmak için kullanacağımız şey.
Dolayısıyla bir oyuncu olarak 1 puanı kazanan puana ulaştığını kontrol edeceğiz.
O halde oyun bittiğini söylemeliyiz.
Böylece mantık şöyle görünecektir.
Bir if ifadesine sahip olmak ve oyuna henüz ulaşılamamış gibi görünecek.
Oyuna başlamazsan, o zaman puana şu şekilde eklemenize izin vereceğiz.
Bunu şimdi çalıştırdığımda farklı bir şey fark etmeyeceksin.
Oyuncu 1 için tam olarak aynı şekilde çalışır ve oyunun üstü her zaman yanlıştır.
Asla değişmez.
Öyleyse bunu ne zaman doğru bulacağız?
Bir oyun bittiğinde iyi olur.
Ve bu gerçekleştiğinde, oyuncu 1 puanı kazanan puana eşit olduğunda kullanıcılar puanı alır.
Böylece, oyuncu 1 puanına bir tane ekledikten sonra, tek bir puanın üç katının kazanan puana eşit olup olmadığını kontrol
edeceğiz.
Dolayısıyla eğer birbirlerine eşitse, o zaman sadece Contador logunu söyleyerek başlayalım.
Oyun bitti.
Aynen böyle.
Ve Konsolosluğumuzu tazelemek ve gözden geçirmek ve bunu şimdiye kadar değiştirmeyi denersek, bu doğru değildir, bu
asla olmaz.
Bu sefer bir oyuncu eklesem de bir puanda beşe gider.
Oyuncu 1 puanının kazanan puana eşit olup olmadığını kontrol ediyoruz ve oyunu burada halledeceğiz.
Dolayısıyla kilitleme oyununu iptal etmek yerine aslında bu durumu değiştirmek istiyoruz.
Oyun bitti.
sana yenilemeyi göstereceğim, oyun bittiğinden daha fazla puan kazanmamızı sağlayacaktır.
Peki ne yaparsan yapalım
Bu küçük kontrol görünür.
Deniyor.
Oyun bitti mi henüz.
Ve eğer oyun bittiğinde bu kodu hiçbiri çalışır.
Haydi deneyelim.
Beş kişiyiz ve sıkıştım.
Artık artamıyorum.
Bununla birlikte, oyuncu 2'ye gidebilir ve puanı yükseltebilirim, çünkü mantık yalnızca oyuncu 1 içindir.
Olay dinleyicisini düğmeye basmak ve aynı mantığa eklemek için bu oyuncudan gitmek isteyeceğiz.
Oyun bitmediyse, puanı arttırıp ekranı güncellemenize izin vereceğiz ve sonra yeni puanın
puana eşit olup olmadığını kontrol etmeliyiz o zaman oyun bitti.
Oyun bittiğinde, kullanıcı ne bir oyuncu ne de bir oyuncu veya oyuncu bir daha puanın
artmasına devam edebileceği anlamına gelmez.
Bu yüzden bunun işe yarayıp yaramadığını kontrol edelim.
Tamam beşe buradan gidebiliriz, tamamdır.
Oyuncu 2 çalışmıyor ya da burada beşe varıyoruz ve işimiz bitti.
Ve oyuncu 1 de çalışmıyor.