0
Kayıt Ol

Javascript İnput içi veri Arttırma

6

●

51

  • 21-05-2021, 19:41:51
    #1
    KarayelHosting
    KarayelHosting
    Merhabalar,
    İnternette araştırdım fakat tam aradığım çözümü bulamadım.
    Yapmak Ä°stediÄŸim
    <input placeholder="Tutar">
    <input placeholder="Arttırılcak Tutar Sayısı">
    <button>Tutarı Arttır</button>
    Böyle birşey internette buna benzer bir kaynak buldum ama tam istediğim değildi bu dediğimi nasıl yapabiliriz ne diye araştırabilirim yardımcı olursanız sevinirim.
    Ä°nternette bulduÄŸum ;
    <script type="text/javascript">
 function arttir() { var deger = parseInt(document.getElementById('sayi').value);
 document.getElementById('sayi').value = deger + 1; }
 function sifirla() { document.getElementById('sayi').value = "0"; }
 function azalt() { var deger = parseInt(document.getElementById('sayi').value);
document.getElementById('sayi').value = deger - 1; } 
</script> 
<input type="text" id="sayi" value="0" /><br /> 
<input type="button" value="Arttır" id="arttir" onclick="arttir()"/> 
<input type="button" value="Sıfırla" id="sifirla" onclick="sifirla()" /> 
<input type="button" value="Azalt" id="azalt" onclick="azalt()"/>
  • Kabul Edilen Cevap
    • salimsevindik
      1 BeÄŸeni
      Mesaja Git
      HTML KODU

      <input placeholder="Tutar" class="tutar">

      <input placeholder="Arttırılcak Tutar Sayısı" class="arttir">

      <button>Tutarı Arttır</button>


      <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
      <script>
      $(function(){
      $("body").on("click","button", function(){
      tutar=$("input.tutar").val();
      arttir =$("input.arttir ").val();
      sonuc=parseInt(tutar)+parseInt(arttir);
      $("input.tutar").val(sonuc);
      });
      });
      </script>
  • 21-05-2021, 19:56:56
    #3
    KarayelHosting
    KarayelHosting
    tolgaand adlı üyeden alıntı: mesajı görüntüle
    https://codepen.io/tolgaand/pen/MWppWNq
    Teşekkür ederim
  • 21-05-2021, 20:03:20
    #4
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    salimsevindik
    salimsevindik
    HTML KODU

    <input placeholder="Tutar" class="tutar">

    <input placeholder="Arttırılcak Tutar Sayısı" class="arttir">

    <button>Tutarı Arttır</button>


    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
    $(function(){
    $("body").on("click","button", function(){
    tutar=$("input.tutar").val();
    arttir =$("input.arttir ").val();
    sonuc=parseInt(tutar)+parseInt(arttir);
    $("input.tutar").val(sonuc);
    });
    });
    </script>
  • 21-05-2021, 20:04:36
    #5
    KarayelHosting
    KarayelHosting
    Cevaplarınız için teşekkür ederim çalıştı ama bir sorun var virgüllü sayı eklenmiyor yardım ederseniz çok mutlu olurum mesela 5.5 ekliyorum ama 5 olarak çıkıyor
  • 21-05-2021, 20:09:16
    #6
    salimsevindik
    salimsevindik
    KarayelHosting adlı üyeden alıntı: mesajı görüntüle
    Cevaplarınız için teşekkür ederim çalıştı ama bir sorun var virgüllü sayı eklenmiyor yardım ederseniz çok mutlu olurum mesela 5.5 ekliyorum ama 5 olarak çıkıyor
    parseInt yerine parseFloat yapabilirsiniz. Ondalık ayracı olarak nokta kullanınız.
  • 21-05-2021, 20:10:27
    #7
    KarayelHosting
    KarayelHosting
    Teşekkür ederim oldu