JavaScript

Select Nesnesindeki Seçili Olan Alanların Toplamını Hesaplama

Select etiketi içinde seçili olan option etiketlerinin toplamını hesaplayıp ekrana yazdıran program;

 

Select kutusunun multiple özelliği kullanılarak aktif edilip, birden fazla seçim ile yapılan değerlerin toplamı sonuc etiketi içine yazdırıran program.

Programın çalışma mantığı select kutusuna her tıklandığında select kutusundaki tüm alanlar(burada option nesneleri oluyor) üzerinde for döngüsü ile dönüp seçili olanarı(if ile) topluyor.

Döngü bittikten sonra toplanan sayıları  idsi sonuc olan etiket içine innerHTML özelliği ile yazdırıyoruz.

 

Yorum

  • İyi akşamlar evet çalıştı teşekkürler,
    Sizden bi ricam olacak Nöbet ücreti hesaplama programı yaptım kendi sitemde yayınlıyorum, fakat iki checkbox işaretli iken iki alanda hesaplama yapıp sonucu toplayıp sonuc kısmına yazmasını bir türlü yapamadım. Bu konuda yardımcı olurmusunuz.

    • Farklı şekillerde çözümlemek mümkün ama bu şekilde de çözümlemek mümkün.

    • var chk1=document.querySelector(“#chk1”);
      var chk2=document.querySelector(“#chk2”);
      var txt1=document.querySelector(“#txt1”);
      var txt2=document.querySelector(“#txt2”);
      var hesapla=document.querySelector(“#hesapla”);
      var sonucNesne=document.getElementById(“sonuc”);

      hesapla.onclick=function(){
      var sonuc=Number(sonucNesne.innerHTML);
      console.log(sonucNesne.innerHTML);

      //checkboxlar sonuca ekleniyor
      sonuc = chk1.checked == true ?sonuc+Number(txt1.value):0;
      sonuc = chk2.checked == true ?sonuc+Number(txt2.value):0;

      //sonuc değeri div içine yazdırılıyor.
      sonucNesne.innerHTML=sonuc;

      }

    • HTMLde birden fazla nesneyi seçmek için CTRL+Farenin Solu tuşu kullanılır. Bu şekilde yaptığında çalıştığını göreceksin.

Yorum Yap