Hoşgeldiniz webclos.net Webmaster Forumu

Tüm özelliklerimize erişmek için şimdi bize katılın. Kayıt olduktan ve giriş yaptıktan sonra, konu oluşturabilir, mevcut konulara cevap gönderebilir, diğer üyelerinize itibar kazandırabilir, kendi özel mesajlaşma programınızı alabilir ve çok daha fazlasını yapabilirsiniz. Ayrıca hızlı ve tamamen ücretsiz, ne bekliyorsun?

Soru sor

Topluluğumuzdan Soru Sorun ve Yanıt Alın

Neler Yeni

Soruları Cevaplayın ve Konunuzda Uzman Olun

İletişim Personeli

Uzmanlarımız Sorularınızı Cevaplamaya Hazır

  • #EvdeKal TÜRKİYE


günlük gelir gider html ve js ile kısa kodlarla yazılmış bir script

webclos

Site Sahibi
Yönetici
Katılım
23 May 2020
Mesajlar
473
Tepkime puanı
35
Puanları
28
Konum
Türkiye
Web sitesi
wmgerecleri.com
merhaba arkadaşlar kolay basit günlük olarak gelir gider odaklı kişisel kullanabileceğiniz bir scripttir html ve js ile yazılmıştır hemen kodlara geçeyim

HTML KODU

Kod:
<table class="user-table">
        <tbody><tr>
          Webclos.net
          <td colspan="2" class="col-title">Gelir Hesaplama / Income Calculation</td>
        </tr>
        <tr>
          <td class="col-sol">İlan Bedeli / Product Price</td>
          <td><input type="text" id="ilan-bedeli" name="ilan-bedeli" value="" class="input-ui"></td>
        </tr>
        <tr>
          <td class="col-sol">Günlük Satış Adedi / Number of Daily Sales</td>
          <td><input type="text" id="gunluk-satis-adedi" name="gunluk-satis-adedi" value="" class="input-ui"></td>
        </tr>
        <tr>
          <td class="col-sol">Ortalama Haftalık Kazanç / Average Weekly Earnings</td>
          <td><input type="text" id="ortalama-haftalik-kazanc" name="ortalama-haftalik-kazanc" value="" class="input-ui" disabled></td>
        </tr>
        <tr>
          <td class="col-sol">Ortalama Aylık Kazanç / Average Monthly Earnings</td>
          <td><input type="text" id="ortalama-aylik-kazanc" name="ortalama-aylik-kazanc" value="" class="input-ui" disabled></td>
        </tr>
        <tr>
          <td class="col-sol">Ortalama Yıllık Kazanç / Average Annual Earnings</td>
          <td><input type="text" id="ortalama-yillik-kazanc" name="ortalama-yillik-kazanc" value="" class="input-ui" disabled></td>
        </tr>
</tbody></table>
JAVASCRİPT KODU:

Kod:
  $(document).on('change', 'input', function() {
  var ilanbedeli = $('#ilan-bedeli').val();
  var gunluksatisadedi = $('#gunluk-satis-adedi').val();
  var ortalamahaftalikkazanc = (ilanbedeli * gunluksatisadedi) * 7 ;
  var ortalamaaylikkazanc = (ilanbedeli * gunluksatisadedi) * 30;
  var ortalamayillikkazanc = (ilanbedeli * gunluksatisadedi) * 365;
  console.log('Ortalama Haftalık Kazanç: ' + ortalamahaftalikkazanc);
  console.log('Ortalama Aylık Kazanç: ' + ortalamaaylikkazanc);
  console.log('Ortalama Yıllık Kazanç: ' + ortalamayillikkazanc);
  $('#ortalama-haftalik-kazanc').val(ortalamahaftalikkazanc + ' ₺');
  $('#ortalama-aylik-kazanc').val(ortalamaaylikkazanc + ' ₺');
  $('#ortalama-yillik-kazanc').val(ortalamayillikkazanc + ' ₺');
});
 
shape1
shape2
shape3
shape4
shape7
shape8
Üst