Neler yeni

Günlük Satış Odaklı Haftalık Aylık Yıllık Gelir Hesaplama Scripti

wmgerecleri

webclos.net
Ad
Soyad
Katılım
1 Nisan 2020
Konum
türkiye
Konular
74
Mesajlar
588
Ticaret - 0%
0   0   0
  
iletişim
Meslek
Grafiker
Detay  
Meslek
Grafiker
Üyelik tipi
  1. Kurumsal
Photoshop   Photoshop
  1. İleri düzey
    90%
İllüstratör   İllüstratör
  1. İleri düzey
    90%
İllüstratör   UI / UX tasarım
  1. İleri düzey
    90%
PHP   PHP
  1. İleri düzey
    90%
PHP   CSS3
  1. İleri düzey
    90%
PHP   JavaScript
  1. İleri düzey
    90%
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
gerçi scriptte denmez ama ihtiyacı olan ve işine yarayan alır burda kalsın

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 + ' ₺');
});
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.