JS ile Birden Fazla Inputtaki Değeri Anlı Toplama

-

 Aşağıdaki kod, HTML sayfasında 10 adet 'number' tipindeki input'un değerlerini toplayıp 11. inputa yazacaktır:


Bu kod querySelectorAll method kullanarak, sayfadaki tüm 'number' tipindeki input'ları seçer ve döngü içinde her birinin değerini toplar. Sonra, querySelector method ile sayfadaki en son 'number' tipindeki input'un değerini toplam değerle günceller.

You can call the function on your button click or onchange event of the inputs.

Bu fonksiyonu buton tıklama olayında veya inputların değiştiğinde çağırabilirsiniz.




Yorumlar

Yorum Gönder

Yorumunuz alınmıştır. İncelenip yayımlanacaktır.

Bu blogdaki popüler yayınlar

Asp.Net ile Uyarı Mesajları Vermek (msgbox)

-
Bugün blogum da Asp.Net ile c# da kullandığımız MsgBox ın bir benzeri şekilde Button a tıklandığında uyarı mesajı verdiricez. bunun için bir sayfa yapalım. Sayfaya bir tane Button kontrolü ekleyelim ve button nun kod kısmına aşağıdaki kodu yazalım. Uyarı verdirmek için "alert" kodu; Response.Write("script>alert('Uyarı Mesajın')/script>"); Kullanıcıdan veri girmesini istiyorsak "prompt" kodu; Response.Write("script>prompt('Uyarı Mesajın')/script>"); Onaylama şeklinde çıkması için "confirm" kodu; Response.Write("script>confirm('Uyarı Mesajın')/script>"); Not: script lerin başındaki < işaretini kaldırdım siz koyun, blogda çalışıyorlarda :)
Devamı

Asp.Net Eval Kullanımı

-
Veri tabanından Label içine herhangi bir veri aktarımı için aşağıdaki kodu kullanabiliriz. ID= "LabelID" runat= "server" Text= ' <%# Eval( "VeriTabanindakiGetirilecekAlanAdı" ) %> '>> Asp.Net kontrollerini kullanırken DataBinding olayın da, gelen verinin belirli koşullara göre bind olmasını isteyebilirsiniz.  Böyle durumlarda Eval() metodunu kullanarak kontrolün istediğimiz özelliğine (attributes) belirli bir koşula göre değer atayabilme ihtiyacımız doğar. Aşağıda Eval() metodu ile nasıl koşul kullanabiliyoruz bildiğim kadarı ile örneklerini veriyorum. Olayı tam çözmek için <%# BirSeylerYap(Eval("deger")) %> private string BirSeylerYap(string Deger) { if (Deger.Equals("bune")) return "beyaz"; else return "siyah"; } Kullanışlı bir örnek. <%#Eval("deger").Equals("bune") ? "b
Devamı

Asp.Net ile T.C. Kimlik Doğrulama (Mernis) Web Service ile

-
Resim
Asp.Net ile T.C. Kimlik Doğrulama (Mernis) Başlıktan da anlaşılacağı üzere Asp.Net ile T.C. Kimlik doğrulaması yapacağız. Bunun için öncelikle bir web projesi oluşturup üzerine; 4 adet TextBox, 1 adet Buton ve 1 adette Label ekleyelim. Yukarıdaki resimdeki ekleme işlemi yaptıktan sonra kontrollerimizin isimlerini aşağıdaki gibi değiştirelim, TextBox1 in adını; txttcno  TextBox2 in adını; txtadi TextBox3 in adını; txtsoyad  TextBox4 in adını; txtdtarih
Devamı