24 ŞUBAT 2013, Pazar

Javascript Eğitimi - Uç Hesap Makinesi Html5 Uygulaması Programlama Aralığı Kaymak

Bu egzersiz size bir program öğreneceksiniz karalama Ola uygulamayı hesap makinesi için JavaScript ve HTML5 kullanarak Bu benimle bazı programlama yapmak zorunda yerinde olacak ne o yüzden ben yemek için dışarı çıkmak diyelim ve ben yüzde 20 olduğunu, belki ne kadar almak istiyorum Ben sürükleyebilirsiniz ben 1450 yapmış fatura benim yüzde 20 uçlu yüzde kadar bunu çıkışları görebilirsiniz 290 böylece nerede tasarı 1450 var Eğer ben bir 50 yüzde giderseniz biz 725 çünkü olmalı biliyorum Bu onu bütün olacak iki yüz yüzde gitmek 1.450 mutlu Tamam nasıl çalıştığını 1450 böylece ve biz kullanı

yoruz Yeni bir özelliktir kaymak bileşeni HTML giriş elemanı ve videonun sonunda henüz ancak tüm tarayıcılarda çalışmıyor Internet Explorer, Firefox nasıl çalıştığını gösterecektir opera krom ve tüm bu şeyler ve ben şu anda

krom bunu koşuyorum çıplak kemikleri doğrular bir html5 web belgesine sahip olan bu başlayacak ve bu olacak kullanıcı arayüzü Inc yerleştirerek gövde elemanının içinde başlayacak gerektirir ama bu uygulama sa

“Ders Kodu: http://www.developphp.com/video/JavaScript/Tip-Calculator-Application-Form-Programming-Tutorial Bu alıştırmada JavaScript ve giriş elemanının HTML5 ser...”
Adam Khoury

dece ucu hesap makinesi yazın ve bana benzeyen bir şey vereceğim o başlığı h2 o sarın Aşağı sonraki satırda Aralık yazın ve fatura miktarı için yemek var Colin ve ardından dolar hemen yanındaki o kadar oturum Biz giriş alanı yüzden kurmak edelim istiyorum giriş elemanı size verilen kendi türü metin yapmak Kimlik faturası ve temsil edecek Kullanıcı onlar yemek için ne kadar ödedi yazarak bir fatura tutarı ve sadece burada bir fren etiketi koymak bize bir ç

Javascript Eğitimi - Uç Hesap Makinesi Html5 Uygulaması Programlama Aralığı Kaymak Resim 1 Javascript Eğitimi - Uç Hesap Makinesi Html5 Uygulaması Programlama Aralığı Kaymak Resim 2 Javascript Eğitimi - Uç Hesap Makinesi Html5 Uygulaması Programlama Aralığı Kaymak Resim 3 Javascript Eğitimi - Uç Hesap Makinesi Html5 Uygulaması Programlama Aralığı Kaymak Resim 4

izgi mola vermek için Şimdi en bütün tip yerinde HTML kaymak bileşeni etsinler Çip yüzdesi göçmen başka açmak giriş elemanı, birçok yeni yazılan kullanılan Eski değişmekteydi ve bu html5 sadece rastlamak bazı tarayıcıları Size güzel bir kaydırıcı göstermek olmayabilir o sadece derin topu olacak Şimdi elimizde bir metin alanı olan Dee'nin giriş belirli işemek Minimum değer o olabilir hangi parametreler kuyu 20 maksimum değeri olabilir dedi 100 sonra değer istediğini söyledi Sayfa yüklendiğinde kadar olacak 0 o fakt

örü basamaklı bir eşit olacak, sadece her zaman onlar slayt anlamına gelir tek artım bunu basan yapabilirsiniz Bu uygulama için isterseniz 10 tarafından o tek adım için en iyisi Aslında en Buraya on line bu etsinler şimdi biz daha fazla oda ve her şeyi şimdi biz istiyoruz biraz neater var change olay işleyicisi javascript fonksiyonuna eşit olacak o biz kapalı ateş istiyoruz ve biz sadece bir saniye ve son olarak yerinde olduğunu takacağım Bu eleman için olacak set tarzı değil ve bir cadı o 400 piksel vermek istiyorum veya istediğiniz boyutu ne olursa olsun, ayarladığınız yok çünkü eğer Gerçekten küçük de tür kompakt olacak ve yaş nihayet istemek ve nerede ceket kişi için zor olabilir Biz şimdi değiştirme olayı bu hatırlıyorum giriş elemanı kapatmak ne Her zaman kullanıcı olur O kaymak topuzu kapmak ve bu borcu hamle değişim olay meydana geldiğinde, bu yüzden pyro edebilirsiniz bir javascript fonksiyonu değişikliği olay olur her zaman temel olarak sadece kendi adını bu javascript fonksiyonu aydınlatma ucu hesaplamak açık yakın parantez Ben disfonksiyon çalıştırır her zaman iki argüman işemek almam gerekecek sürgünün kendisi değeri böylece bu görebilirsiniz disfonksiyon beri nokta değeri çağrıldığını kaydırıcı olarak biz burada var ve virgül ile tek tırnak arasına Sadece yazın izin Tasarı şimdi bu burada girdi metin alanıdır atıfta % uh Kimlik faturası bu yüzden her zaman ucu hesap çalıştırır onchange olay için sürgü geçti olacak o argümanları bu sekme şimdi ve Tasarı bu kullanarak değer fatura almak mümkün olacak Şimdi hemen yanındaki sürgünün ID referansı sağ ve gerçekten biraz kapalı görünmesini istediğiniz nerede olmak Eğer ben bir öğe var dis yayılma koyabilirsiniz Eğer ben cılızları olduğumu istiyorum ne olursa olsun salak paragraf yüzde yemek bu şekilde hemen yanındaki sürgünün kadar gösterir yayılan sürgülü olarak ben sadece bir fikir slayt span elemanı var Slayt değeri kısa Bell ve ben varsayılan ayarlanmış Yüzde 0 birisi JavaScript güncelleştirmesini Bu sayı hesaplamak için işlev çalışan her zaman Kullanıcı sadece yalan olarak yüzdesini görebilirsiniz yolu onlar tüm ihtiyacımız altında şimdi yüzde değişim görebiliyordu çok uç sunucusu bırakmak nasıl kullanıcıyı gösteren küçük alandır bu yüzden terk etmek uçlu yazma edebilirsiniz eşittir başka span etiketi hakkına sahip karşılamak Burada bir fikir yontma ve değer kullanıcıya göstermek için JavaScript kullanacak içkili at ucunda ama miktarda sunucu bırakmalısınız innerHTML içinde bu yayılma Ben de o sarmak için gidiyorum nh elemana onlar görürsünüz böylece tüm h2 elemanı sarılmış var ki bırakmak dolar miktarı ustalıkla ne kadar uç için ne olursa olsun eşittir ve JavaScript olacak bu yüzden bizim için bu kadar rakam baş elemanı içine gidelim ve en bir senaryo eleman başlayalım onun emin olun inmek biz tutumluluk elemanı kapalı bu bir javascript yerleştirebilirsiniz nerede bu yüzden olacak, böylece ihale çip hesaplamak onun kopya var konum ihale buraya döndüm küme ayracı açılış açık yakın parantez hesaplamak için bir çift aşağı gitmek çizgiler ve kapanış küme ayracı koymak ve biz biliyoruz argümanlar böylece o kaldırsanız Sadece diyelim böylece biz sahip geliyor Birincisi kaydırıcı o zaman kaymak değeri ve temsil için gidiyor çünkü temsil edecek Tasarı Burada ilk giriş metin alanı yapmak yapmak istediğiniz olan şeylerin değerlerini referans almak ve aynı zamanda nesne başvuruları biz almak istiyorum sayfadaki belirli öğeleri almak ve bir fikirle bu yonga yayılma için bir referans biz de bu element için referans almak istiyorum yontulmuş bir fikir slayt değeri ile ve biz de javascript değişken yapmak istiyorum O irade Bu tasarının giriş metin alanını temsil içine yazdığınız kullanıcı ile değere erişmek bu yüzden bu ilk üç satır çok basit kurtaracak bizim chip No eleman olsun belgeye eşittir Elimizdeki bu yerel javascript değişken içinde bunu yontma eleman slayt Val için aynı referans tasarı için burada ve daha sonra aşağı yayılan Giriş textfield biz sadece kendi nokta değerini yakaladı Böylece bu bir öğesini temsil etmez demektir bu bir gerçek sayı 10 almak temsil yapar oluyor elemanları temsil etmek arkadaşları Kurulan bu yüzden daha kolay iç HTML etkileyebilir Şimdi biz yüzde anlamaya zorunda sonraki satır yüzden bir değişken yapalım yüzde emin mermi p RC NT olacak kaymak eşit hale değer ve bu sayı kat olacak nokta 01 şimdi ne is it Kaymak değeri Morsi sadece basit bir nokta iki yerde sol kaymak değeri olur yani eğer 50 o .5 olmak Rüzgar gidiyor bu yüzden biz burada slayt Bell referans alalım hafif şüphe görüyoruz iç HTML dize ben edeceğiz dolar işareti eşittir ve sonra biz o dizeye eklemek veya birleştirmek olacak Bunun için bazı matematik işlemi tamamlamak için Böylece biz olacak grup sadece defa anlaşma konum Yüzde işlemi ve bu sadece emin olmak için parantez arasına yerleştirilir kendi grubunun bu Bu sayı daha sonra bu küçük matematiksel işlem içinde biz sabit için çağırabilir ve biz yem argüman noktalı virgül için öylesine yok hangi iki pics numaranızı alır ve para gibi iki ondalık basamak olması için giderir olur yani mesela sen benzeyen bir sayı ile rüzgar varsa sayıların her türlü ile bu ondalık noktası geçti Sabit için böyle görünmesini sağlayacaktır ve aslında bu fiş gitmek gerekiyordu istediğim şey HTML o hafif şüphe cips değiştirmek için ve slayt Val biz nokta innerHTML koyabilirsiniz Sadece kaydırarak olarak kaymak değerlendirmek eşittir Rezervasyon kedi Nate ya da değere katılmak çalıştırır eğer küçük bir yüzdesi basit bir sağ olduğunu görüyorum her şeyi olması gerektiği şekilde Doğru otuz iki dolar çok tip en aşağı aşağıda olsun 50 oranında gördükleri kontrol edelim Mükemmel yani yüzde yirmi var 16 olduğunu olurdu 06040 Ben bir restorana çıkmak eğer öyleyse dedi ve ben de 32 $ dolar harcadı fatura Ben çok cimri değilim ben bir 640 çipi vermek yüzde 30 değişiklik O daha ben o yüzden tamam yüzde 30 bırakacaktı ayrılmak ne gibi Eğer nasıl kullanabileceğinizi Yeni kendinize güzel bir kullanıcı arayüzü kaymak vermek için bir plaj TML 5 özellikleri bileşen ve mantık programlama için JavaScript Gördüğünüz hesaplamalar ama eğer çok basit İpucu hesaplama için bir programlama temelde Sadece bu iki satır, bu yalan sürebilir kontrol X yüzden gerçekten bu satırın altında ilgili tüm koymak değilim Matematiksel sihirli Radia bu iki satır oluyor her şey sadece getting innerHTML doldurma çok temel şeyler olduğunu değerler Eğer matematik hakkında herhangi bir sorunuz varsa ve biz başınızı sarın edemez şeyler etrafında sadece kendimi başka biri olduğunu sormak size CSS kullanabilirsiniz tepki çeşit vermek gerçekten o daha bu çok daha cazip hale ve ayrıca bazı ekleyebilirsiniz javascript daha akıllı hale getirmek için Örneğin ben Adam yazarsanız Ben bir sayı yazarak olması gereken yerde içine sadece söylüyorlar Eğer zorunda değil bir numara anlamına adam Bu işleve reklamları ve JavaScript emin olmak için ne değeri nedir Kullanıcı yazarak olduğunu Eğer bir numara olduğundan emin olmak istiyorum garip değil JavaScript yüzden terk edeceğiz ve çok kolay yapabilirsiniz Şimdi size kalmış cilalı hale ben neye benzediğini göstermek istiyorum Firefox ben Chrome'u bütün zaman kullanıyordum Firefox'ta henüz kaydırıcıyı alamadım neye benzediğini görmek Beş bölümden ama yakında ben 2014 yılına düşünüyorum ne olacak ne olacağını bu yüzden çalışıyor olması gerekir zeytin html5 sadece varlık geri düşeceğiz olduğunu normal bir metin alanı kullanıcı hala çok kullanabilirsiniz ve 1450 yılında türüne göre bir yüzde elli ipucu bırakmak istiyorum o yüzde 50 olan 725 diyor 1450 veya yüzde 20 ipucu 290 olmak Hâlâ kullanıcı arayüzü Inc ama çalışır sürgü henüz orada göstermek çünkü kadar güzel değil en de Önizlemesi izin opera olduğunu Ben gerçekten harika kaydırıcı olarak operaları temsil gibi Ben yüzde 20 slayt burada 1450 götürün Sana göstereceğim biz 290 şimdi derecelendirilir almalısınız Internet Explorer ve Internet Explorer bunu gösteriyor içinde gibi Firefox tamam gibi hemen hemen ama her şey hala kullanıcı bu sadece var programlama hangi işleri arayüzleri her e-posta 5 kaymak henüz görünmüyorsa Internet Explorer ve Firefox tarayıcı ama en için her şey yüzde yirmi görmelisiniz o 290 Eğer uygulama vardı programlayabilirsiniz Biraz göndermek ama o ve kaymak kaldırıldı tamamen ve sonra gerçekten güzel bir hale getirmek için 2014 yılına kadar beklemek Eğer yapmak istiyorsanız bu yüzden aynı tüm tarayıcılarda çalışır Olduğu gibi sadece bu küçük giriş metin alanı yapmak ve ardından Lotus hesaplamak düğmesi para var Basın hesaplamak hala tamam eğimli Onun JavaScript programlama egzersiz memnun kaldım umut.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Tip-Calculator-Application-Form-Programming-Tutorial Bu alıştırmada JavaScript ve giriş elemanının HTML5 serisi kaydırıcısını kullanarak sıfırdan bir İpucu Hesaplama uygulaması programlamak öğreneceksiniz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



10/10

  • 97
    Olumlu
  • 0
    Olumsuz
  • 24
    Yorum
  • 11523
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • FUNKER530 - Veteran Community & Combat Footage

    FUNKER530 -

    25 Ocak 2007
  • GavinMichaelBooth

    GavinMichael

    26 AĞUSTOS 2006
  • TechSmartt

    TechSmartt

    29 Aralık 2010

ANKET



Bu sayfa işinize yaradı mı?