• 09-03-2023, 19:22:03
    #1
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
        <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
        <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
    </head>
    <body>
        <div id="container">
            <main>
                <form method="get">
                    <fieldset>
                        <legend>Kıdem Tazminatı Hesaplama Aracı</legend>
                        <div class="notlar"><em>*</em> Doldurulması zorunlu alanlar.</div>
                        <ol class="narrow">
                            <li>
                                <label for="IsBaslangicTarihi"><em>*</em> İşe Başlangıç Tarihi:</label>
                                <input type="text" id="IsBaslangicTarihi" name="IsBaslangicTarihi" class="iw10"> <span
                                    class="orn">Örn. 1650,75</span>
                            </li>
                            <li>
                                <label for="IsBitisTarihi"><em>*</em> İşten Ayrılma Tarihi:</label>
                                <input type="text" id="IsBitisTarihi" name="IsBitisTarihi" class="iw10"> <span
                                    class="orn">Örn. 1650,75</span>
                            </li>
                            <li>
                                <label for="AylikBrutMaas"><em>*</em> Brüt Ücret:</label>
                                <input type="number" id="AylikBrutMaas" name="AylikBrutMaas" step="0.000001" class="iw10">
                                <span class="orn">Örn. 1768,25</span>
                            </li>
                            <li>
                                <label for="EkOdemeler"><em>*</em> Aylık Yardımlar:</label>
                                <input type="number" id="EkOdemeler" name="EkOdemeler"
                                    placeholder="Yol, yemek vb. aylık yardımların toplamını giriniz." step="0.000001"
                                    class="iw10"> <span class="orn">Örn. 10,75</span>
                            </li>
                        </ol>
                        <div class="buttons"><button type="button" onclick="hesapla();">Hesapla</button> <button
                                type="reset">Temizle</button>
                        </div>
                    </fieldset>
                </form>
                <fieldset id="sonuc" style="display: none;">
    
                </fieldset>
            </main>
        </div>
        <script>
            jQuery(document).ready(function () {
                $(function () {
                    $("#IsBaslangicTarihi").datepicker({
                        dateFormat: "dd.mm.yy",
                        altFormat: "yy-mm-dd",
                        altField: "#IsBaslangicTarihiDB",
                        monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
                        dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
                        setDate: new Date(1985, 00, 01),
                        changeYear: true,
                        firstDay: 1,
                        language:"tr"
                    });
                    $("#IsBitisTarihi").datepicker({
                        dateFormat: "dd.mm.yy",
                        altFormat: "yy-mm-dd",
                        altField: "#IsBitisTarihiDB",
                        monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
                        dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
                        changeYear: true,
                        firstDay: 1
                    }).datepicker("setDate", new Date());
                });
            });
            function formatTL(num) {
                let p = num.toFixed(2).split(".");
                return p[0].split("").reverse().reduce(function (acc, num, i, orig) {
                    return num == "-" ? acc : num + (i && !(i % 3) ? "." : "") + acc;
                }, "") + "," + p[1] + " TL";
            }
            function hesapla() {
          
                let IsBaslangicTarihi = new Date(document.getElementById("IsBaslangicTarihi").value);
                let IsBitisTarihi = new Date(document.getElementById("IsBitisTarihi").value);
                console.log(IsBaslangicTarihi);
                console.log(IsBitisTarihi);
                let AylikBrutMaas = document.getElementById("AylikBrutMaas").value;
                let EkOdemeler = 0;
                if (document.getElementById("EkOdemeler").value > 0) {
                    EkOdemeler = document.getElementById("EkOdemeler").value;
                }
                AylikBrutMaas = parseInt(AylikBrutMaas) + parseInt(EkOdemeler);
                let Fark = new Date(IsBitisTarihi - IsBaslangicTarihi);
                let ToplamGun = Math.floor(Fark / 1000 / 60 / 60 / 24);
                let KıdemTazminati = 0;
                if (ToplamGun < 365) {
                    KıdemTazminati = 0;
                }
                if (AylikBrutMaas > 10596) {
                    AylikBrutMaas = 10596;
                }
                let KidemTazminatiTutariBrut = 0;
                if (ToplamGun < 365) {
                    KidemTazminatiTutariBrut = 0;
                }
                else if (ToplamGun >= 365 && ToplamGun < 1095) {
                    KidemTazminatiTutariBrut = (ToplamGun / 365) * AylikBrutMaas;
                }
                else if (ToplamGun >= 1095) {
                    KidemTazminatiTutariBrut = (ToplamGun / 365) * AylikBrutMaas;
                }
                let DamgaVergisi = 0;
                if (ToplamGun < 365) {
                    DamgaVergisi = 0;
                }
                if (ToplamGun >= 365) {
                    DamgaVergisi = (((ToplamGun / 365) * AylikBrutMaas) * 0.00759);
                }
                let TazminatIhbarGunu = 0;
                if (ToplamGun < 180) {
                    TazminatIhbarGunu = 14;
                }
                else if (ToplamGun >= 180 && ToplamGun < 545) {
                    TazminatIhbarGunu = 28;
                }
                else if (ToplamGun >= 545 && ToplamGun < 1095) {
                    TazminatIhbarGunu = 42;
                }
                else if (ToplamGun >= 1095) {
                    TazminatIhbarGunu = 56;
                }
                let NetOdenecekKidemTazminatiTutari = KidemTazminatiTutariBrut - DamgaVergisi;
                let NetOdenecekIhbarTazminati = (AylikBrutMaas / 30) * TazminatIhbarGunu;
                let IhbarTazminatiGelirVergisiKesintisi = NetOdenecekIhbarTazminati * 0.15;
                let IhbarTazminatiDamgaVergisiKesintisi = NetOdenecekIhbarTazminati * 0.00759;
                let NetIhbarTazminati = NetOdenecekIhbarTazminati - (IhbarTazminatiGelirVergisiKesintisi + IhbarTazminatiDamgaVergisiKesintisi);
                let ToplamOdenecek = NetIhbarTazminati + NetOdenecekKidemTazminatiTutari;
                if (IsBaslangicTarihi >= IsBitisTarihi)
                    alert("Başlangıç Tarihi Bitiş Tarihine Eşit veya Bitiş Tarihinden Büyük Olamaz")
                else {
                    document.getElementById("sonuc").style.display = "block";
                    document.getElementById("sonuc").innerHTML = `
                          <legend>Tazminat Hesaplama Sonuçları</legend>
                          <b>Hesaplamaya Esas Gün: </b> ${ToplamGun} Gün<br>
                          <b>Kıdem Tazminatına Esas Ücret: </b> ${formatTL(AylikBrutMaas)}<br>
                          <b>Kıdem Tazminatı Tutarı (Brüt): </b> ${formatTL(KidemTazminatiTutariBrut)}<br>
                          <b>Damga Vergisi(0.00759): </b> ${formatTL(DamgaVergisi)}<br>
                          <b>Net Ödenecek Kıdem Tazminatı: </b> ${formatTL(NetOdenecekKidemTazminatiTutari)}<br>
                          <b>İhbar Günü: </b> ${TazminatIhbarGunu} Gün<br>
                          <b>İhbar Tazminatı (Brüt): </b> ${formatTL(NetOdenecekIhbarTazminati)}<br>
                          <b>Gelir Vergisi Kesintisi: </b> ${formatTL(IhbarTazminatiGelirVergisiKesintisi)}<br>
                          <b>Damga Vergisi Kesintisi (0.00759): </b> ${formatTL(IhbarTazminatiDamgaVergisiKesintisi)}<br>
                          <b>Net İhbar Tazminatı: </b> ${formatTL(NetIhbarTazminati)}<br>
                          <b>Toplam: </b> ${formatTL(ToplamOdenecek)}<br>`;
                }
            }
    
    
        </script>
    </body>
    </html>



    İki Taihi Bir Birinden Çıkarırken Doğru Çıkarmıyor Acaba Nedeni Ne Olabilir?
  • Kabul Edilen Cevap
    • 0 Beğeni

      <!DOCTYPE html>
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Document</title>
          <link rel="stylesheet" href="style.css">
          <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
          <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
          <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/tr.js"></script>
          <script>
              moment.locale('tr');
          </script>
      </head>
      <body>
          <div id="container">
              <main>
                  <form method="get">
                      <fieldset>
                          <legend>Kıdem Tazminatı Hesaplama Aracı</legend>
                          <div class="notlar"><em>*</em> Doldurulması zorunlu alanlar.</div>
                          <ol class="narrow">
                              <li>
                                  <label for="IsBaslangicTarihi"><em>*</em> İşe Başlangıç Tarihi:</label>
                                  <input type="text" id="IsBaslangicTarihi" name="IsBaslangicTarihi" class="iw10"> <span
                                      class="orn">Örn. 1650,75</span>
                              </li>
                              <li>
                                  <label for="IsBitisTarihi"><em>*</em> İşten Ayrılma Tarihi:</label>
                                  <input type="text" id="IsBitisTarihi" name="IsBitisTarihi" class="iw10"> <span
                                      class="orn">Örn. 1650,75</span>
                              </li>
                              <li>
                                  <label for="AylikBrutMaas"><em>*</em> Brüt Ücret:</label>
                                  <input type="number" id="AylikBrutMaas" name="AylikBrutMaas" step="0.000001" class="iw10">
                                  <span class="orn">Örn. 1768,25</span>
                              </li>
                              <li>
                                  <label for="EkOdemeler"><em>*</em> Aylık Yardımlar:</label>
                                  <input type="number" id="EkOdemeler" name="EkOdemeler"
                                      placeholder="Yol, yemek vb. aylık yardımların toplamını giriniz." step="0.000001"
                                      class="iw10"> <span class="orn">Örn. 10,75</span>
                              </li>
                          </ol>
                          <div class="buttons"><button type="button" onclick="hesapla();">Hesapla</button> <button
                                  type="reset">Temizle</button>
                          </div>
                      </fieldset>
                  </form>
                  <fieldset id="sonuc" style="display: none;">
       
                  </fieldset>
              </main>
          </div>
          <script>
              jQuery(document).ready(function () {
                  $(function () {
                      $("#IsBaslangicTarihi").datepicker({
                          dateFormat: "dd.mm.yy",
                          altFormat: "yy-mm-dd",
                          altField: "#IsBaslangicTarihiDB",
                          monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
                          dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
                          setDate: new Date(1985, 00, 01),
                          changeYear: true,
                          firstDay: 1,
                          language:"tr"
                      });
                      $("#IsBitisTarihi").datepicker({
                          dateFormat: "dd.mm.yy",
                          altFormat: "yy-mm-dd",
                          altField: "#IsBitisTarihiDB",
                          monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
                          dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
                          changeYear: true,
                          firstDay: 1
                      }).datepicker("setDate", new Date());
                  });
              });
              function formatTL(num) {
                  let p = num.toFixed(2).split(".");
                  return p[0].split("").reverse().reduce(function (acc, num, i, orig) {
                      return num == "-" ? acc : num + (i && !(i % 3) ? "." : "") + acc;
                  }, "") + "," + p[1] + " TL";
              }
              function hesapla() {
             
                  let IsBaslangicTarihi = moment(document.getElementById("IsBaslangicTarihi").value, "DD.MM.YYYY").format("YYYY-MM-DD");
                  let IsBitisTarihi = moment(document.getElementById("IsBitisTarihi").value, "DD.MM.YYYY").format("YYYY-MM-DD");
                  console.log(IsBaslangicTarihi);
                  console.log(IsBitisTarihi);
                  let AylikBrutMaas = document.getElementById("AylikBrutMaas").value;
                  let EkOdemeler = 0;
                  if (document.getElementById("EkOdemeler").value > 0) {
                      EkOdemeler = document.getElementById("EkOdemeler").value;
                  }
                  AylikBrutMaas = parseInt(AylikBrutMaas) + parseInt(EkOdemeler);
                  let Fark = moment(IsBitisTarihi).diff(moment(IsBaslangicTarihi));
                  let ToplamGun = Math.floor(Fark / 1000 / 60 / 60 / 24);
                  let KıdemTazminati = 0;
                  if (ToplamGun < 365) {
                      KıdemTazminati = 0;
                  }
                  if (AylikBrutMaas > 10596) {
                      AylikBrutMaas = 10596;
                  }
                  let KidemTazminatiTutariBrut = 0;
                  if (ToplamGun < 365) {
                      KidemTazminatiTutariBrut = 0;
                  }
                  else if (ToplamGun >= 365 && ToplamGun < 1095) {
                      KidemTazminatiTutariBrut = (ToplamGun / 365) * AylikBrutMaas;
                  }
                  else if (ToplamGun >= 1095) {
                      KidemTazminatiTutariBrut = (ToplamGun / 365) * AylikBrutMaas;
                  }
                  let DamgaVergisi = 0;
                  if (ToplamGun < 365) {
                      DamgaVergisi = 0;
                  }
                  if (ToplamGun >= 365) {
                      DamgaVergisi = (((ToplamGun / 365) * AylikBrutMaas) * 0.00759);
                  }
                  let TazminatIhbarGunu = 0;
                  if (ToplamGun < 180) {
                      TazminatIhbarGunu = 14;
                  }
                  else if (ToplamGun >= 180 && ToplamGun < 545) {
                      TazminatIhbarGunu = 28;
                  }
                  else if (ToplamGun >= 545 && ToplamGun < 1095) {
                      TazminatIhbarGunu = 42;
                  }
                  else if (ToplamGun >= 1095) {
                      TazminatIhbarGunu = 56;
                  }
                  let NetOdenecekKidemTazminatiTutari = KidemTazminatiTutariBrut - DamgaVergisi;
                  let NetOdenecekIhbarTazminati = (AylikBrutMaas / 30) * TazminatIhbarGunu;
                  let IhbarTazminatiGelirVergisiKesintisi = NetOdenecekIhbarTazminati * 0.15;
                  let IhbarTazminatiDamgaVergisiKesintisi = NetOdenecekIhbarTazminati * 0.00759;
                  let NetIhbarTazminati = NetOdenecekIhbarTazminati - (IhbarTazminatiGelirVergisiKesintisi + IhbarTazminatiDamgaVergisiKesintisi);
                  let ToplamOdenecek = NetIhbarTazminati + NetOdenecekKidemTazminatiTutari;
                  if (IsBaslangicTarihi >= IsBitisTarihi)
                      alert("Başlangıç Tarihi Bitiş Tarihine Eşit veya Bitiş Tarihinden Büyük Olamaz")
                  else {
                      document.getElementById("sonuc").style.display = "block";
                      document.getElementById("sonuc").innerHTML = `
                            <legend>Tazminat Hesaplama Sonuçları</legend>
                            <b>Hesaplamaya Esas Gün: </b> ${ToplamGun} Gün<br>
                            <b>Kıdem Tazminatına Esas Ücret: </b> ${formatTL(AylikBrutMaas)}<br>
                            <b>Kıdem Tazminatı Tutarı (Brüt): </b> ${formatTL(KidemTazminatiTutariBrut)}<br>
                            <b>Damga Vergisi(0.00759): </b> ${formatTL(DamgaVergisi)}<br>
                            <b>Net Ödenecek Kıdem Tazminatı: </b> ${formatTL(NetOdenecekKidemTazminatiTutari)}<br>
                            <b>İhbar Günü: </b> ${TazminatIhbarGunu} Gün<br>
                            <b>İhbar Tazminatı (Brüt): </b> ${formatTL(NetOdenecekIhbarTazminati)}<br>
                            <b>Gelir Vergisi Kesintisi: </b> ${formatTL(IhbarTazminatiGelirVergisiKesintisi)}<br>
                            <b>Damga Vergisi Kesintisi (0.00759): </b> ${formatTL(IhbarTazminatiDamgaVergisiKesintisi)}<br>
                            <b>Net İhbar Tazminatı: </b> ${formatTL(NetIhbarTazminati)}<br>
                            <b>Toplam: </b> ${formatTL(ToplamOdenecek)}<br>`;
                  }
              }
       
       
          </script>
      </body>
      </html>
  • 09-03-2023, 19:26:48
    #2
  • 09-03-2023, 19:29:00
    #3
    ByCaner adlı üyeden alıntı: mesajı görüntüle
    .buttons,
    fieldset > ol > li {
      display: -webkit-box;
      display: -ms-flexbox;
    }
    body {
      line-height: 2;
    }
    select {
      max-width: 100%;
    }
    select {
      background-color: #fff;
    }
    label,
    select {
      cursor: pointer;
    }
    ol {
      list-style-position: inside;
    }
    body,
    div,
    form,
    li,
    ol {
      padding: 0;
      margin: 0;
    }
    html {
      font-size: 10vw;
    }
    body {
      background: #fff;
      color: #333;
      font-size: 0.4rem;
      font-family: Arial, Helvetica, sans-serif;
      letter-spacing: 0.01rem;
    }
    legend {
      font-size: 0.44rem;
    }
    button[type="reset"],
    legend {
      background-color: #eee;
    }
    em {
      color: red;
    }
    fieldset {
      border: 0.07rem solid #eee;
      border-radius: 0.3rem;
      padding: 0.2rem;
      min-width: inherit;
      margin: 20px 0;
    }
    legend {
      border-radius: 0.2rem;
      font-weight: 700;
    }
    legend {
      padding: 0.3rem;
      margin: 0 0.2rem;
      line-height: 1;
      cursor: default;
    }
    fieldset > ol {
      list-style-type: none;
    }
    fieldset > ol > li {
      padding: 0.2rem;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    fieldset > ol > li > label {
      font-weight: 700;
      min-width: 4.3rem;
      white-space: nowrap;
    }
    ol.narrow > li > label {
      min-width: 4rem;
    }
    input[type="number"],
    select {
      font-size: 0.4rem;
      padding: 0.15rem;
      box-shadow: 0.03rem 0.1rem 0.15rem 0 rgba(0, 0, 0, 0.08);
      border: 1px solid #aaa;
      margin: 0 5px;
    }
    li > label {
      cursor: auto;
    }
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    input[type="number"] {
      -moz-appearance: textfield;
    }
    button[type="reset"],
    button[type="button"] {
      position: relative;
      overflow: hidden;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      cursor: pointer;
      border: 0;
      border-radius: 0.1rem;
      padding: 0.4rem 0.8rem;
      font-size: 0.5rem;
      font-weight: 700;
      box-shadow: 0.05rem 0.05rem 0.2rem #ccc;
    }
    button[type="button"] {
      background-color: #3b8cee;
      color: #fff;
    }
    button[type="reset"] {
      color: #000;
    }
    button[type="reset"]:active,
    button[type="button"]:active {
      box-shadow: 0.03rem 0.03rem 0.03rem #ccc;
    }
    button:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background: rgba(255, 255, 255, 0.5);
      opacity: 0;
      border-radius: 100%;
      -webkit-transform: scale(1, 1) translate(-50%);
      transform: scale(1, 1) translate(-50%);
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
    }
    @-webkit-keyframes ripple {
      0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 1;
      }
      20% {
        -webkit-transform: scale(25, 25);
        transform: scale(25, 25);
        opacity: 1;
      }
      100% {
        opacity: 0;
        -webkit-transform: scale(40, 40);
        transform: scale(40, 40);
      }
    }
    @keyframes ripple {
      0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 1;
      }
      20% {
        -webkit-transform: scale(25, 25);
        transform: scale(25, 25);
        opacity: 1;
      }
      100% {
        opacity: 0;
        -webkit-transform: scale(40, 40);
        transform: scale(40, 40);
      }
    }
    button:focus:not(:active)::after {
      -webkit-animation: 1s ease-out ripple;
      animation: 1s ease-out ripple;
    }
    #container {
      padding: 5px;
    }
    .notlar {
      margin: 0.2rem;
    }
    .buttons {
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin: 0.5rem 0;
    }
    .iw10 {
      width: 2.6rem;
    }
    @media (min-device-height: 400px), (min-width: 1200px) {
      body {
        margin-top: 1.6rem;
      }
    }
    @media (min-width: 500px) and (max-width: 649px) {
      html {
        font-size: 7vw;
      }
    }
    @media (min-width: 650px) and (max-width: 899px) {
      html {
        font-size: 6vw;
      }
    }
    @media (min-width: 900px) and (max-width: 1199px) {
      html {
        font-size: 5vw;
      }
    }
    @media (min-width: 1200px) {
      html {
        font-size: 42px;
      }
      body {
        margin-top: 75.6px;
      }
      #container {
        max-width: 1290px;
        margin: 0 auto;
        padding: 0 55px 0 4.2px;
      }
      @supports ((display: -ms-grid) or (display: grid)) {
        #container {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 970px minmax(160px, 300px);
          grid-template-columns: 970px minmax(160px, 300px);
          grid-gap: 15px;
        }
      }
      @supports not ((display: -ms-grid) or (display: grid)) {
        main {
          display: block;
        }
        main {
          float: left;
          width: 970px;
        }
        #container:after {
          content: "";
          display: block;
          clear: both;
        }
      }
    }
  • 09-03-2023, 19:29:53
    #4
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
        <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
        <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/tr.js"></script>
        <script>
            moment.locale('tr');
        </script>
    </head>
    <body>
        <div id="container">
            <main>
                <form method="get">
                    <fieldset>
                        <legend>Kıdem Tazminatı Hesaplama Aracı</legend>
                        <div class="notlar"><em>*</em> Doldurulması zorunlu alanlar.</div>
                        <ol class="narrow">
                            <li>
                                <label for="IsBaslangicTarihi"><em>*</em> İşe Başlangıç Tarihi:</label>
                                <input type="text" id="IsBaslangicTarihi" name="IsBaslangicTarihi" class="iw10"> <span
                                    class="orn">Örn. 1650,75</span>
                            </li>
                            <li>
                                <label for="IsBitisTarihi"><em>*</em> İşten Ayrılma Tarihi:</label>
                                <input type="text" id="IsBitisTarihi" name="IsBitisTarihi" class="iw10"> <span
                                    class="orn">Örn. 1650,75</span>
                            </li>
                            <li>
                                <label for="AylikBrutMaas"><em>*</em> Brüt Ücret:</label>
                                <input type="number" id="AylikBrutMaas" name="AylikBrutMaas" step="0.000001" class="iw10">
                                <span class="orn">Örn. 1768,25</span>
                            </li>
                            <li>
                                <label for="EkOdemeler"><em>*</em> Aylık Yardımlar:</label>
                                <input type="number" id="EkOdemeler" name="EkOdemeler"
                                    placeholder="Yol, yemek vb. aylık yardımların toplamını giriniz." step="0.000001"
                                    class="iw10"> <span class="orn">Örn. 10,75</span>
                            </li>
                        </ol>
                        <div class="buttons"><button type="button" onclick="hesapla();">Hesapla</button> <button
                                type="reset">Temizle</button>
                        </div>
                    </fieldset>
                </form>
                <fieldset id="sonuc" style="display: none;">
     
                </fieldset>
            </main>
        </div>
        <script>
            jQuery(document).ready(function () {
                $(function () {
                    $("#IsBaslangicTarihi").datepicker({
                        dateFormat: "dd.mm.yy",
                        altFormat: "yy-mm-dd",
                        altField: "#IsBaslangicTarihiDB",
                        monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
                        dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
                        setDate: new Date(1985, 00, 01),
                        changeYear: true,
                        firstDay: 1,
                        language:"tr"
                    });
                    $("#IsBitisTarihi").datepicker({
                        dateFormat: "dd.mm.yy",
                        altFormat: "yy-mm-dd",
                        altField: "#IsBitisTarihiDB",
                        monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
                        dayNamesMin: ["Pa", "Pt", "Sl", "Ça", "Pe", "Cu", "Ct"],
                        changeYear: true,
                        firstDay: 1
                    }).datepicker("setDate", new Date());
                });
            });
            function formatTL(num) {
                let p = num.toFixed(2).split(".");
                return p[0].split("").reverse().reduce(function (acc, num, i, orig) {
                    return num == "-" ? acc : num + (i && !(i % 3) ? "." : "") + acc;
                }, "") + "," + p[1] + " TL";
            }
            function hesapla() {
           
                let IsBaslangicTarihi = moment(document.getElementById("IsBaslangicTarihi").value, "DD.MM.YYYY").format("YYYY-MM-DD");
                let IsBitisTarihi = moment(document.getElementById("IsBitisTarihi").value, "DD.MM.YYYY").format("YYYY-MM-DD");
                console.log(IsBaslangicTarihi);
                console.log(IsBitisTarihi);
                let AylikBrutMaas = document.getElementById("AylikBrutMaas").value;
                let EkOdemeler = 0;
                if (document.getElementById("EkOdemeler").value > 0) {
                    EkOdemeler = document.getElementById("EkOdemeler").value;
                }
                AylikBrutMaas = parseInt(AylikBrutMaas) + parseInt(EkOdemeler);
                let Fark = moment(IsBitisTarihi).diff(moment(IsBaslangicTarihi));
                let ToplamGun = Math.floor(Fark / 1000 / 60 / 60 / 24);
                let KıdemTazminati = 0;
                if (ToplamGun < 365) {
                    KıdemTazminati = 0;
                }
                if (AylikBrutMaas > 10596) {
                    AylikBrutMaas = 10596;
                }
                let KidemTazminatiTutariBrut = 0;
                if (ToplamGun < 365) {
                    KidemTazminatiTutariBrut = 0;
                }
                else if (ToplamGun >= 365 && ToplamGun < 1095) {
                    KidemTazminatiTutariBrut = (ToplamGun / 365) * AylikBrutMaas;
                }
                else if (ToplamGun >= 1095) {
                    KidemTazminatiTutariBrut = (ToplamGun / 365) * AylikBrutMaas;
                }
                let DamgaVergisi = 0;
                if (ToplamGun < 365) {
                    DamgaVergisi = 0;
                }
                if (ToplamGun >= 365) {
                    DamgaVergisi = (((ToplamGun / 365) * AylikBrutMaas) * 0.00759);
                }
                let TazminatIhbarGunu = 0;
                if (ToplamGun < 180) {
                    TazminatIhbarGunu = 14;
                }
                else if (ToplamGun >= 180 && ToplamGun < 545) {
                    TazminatIhbarGunu = 28;
                }
                else if (ToplamGun >= 545 && ToplamGun < 1095) {
                    TazminatIhbarGunu = 42;
                }
                else if (ToplamGun >= 1095) {
                    TazminatIhbarGunu = 56;
                }
                let NetOdenecekKidemTazminatiTutari = KidemTazminatiTutariBrut - DamgaVergisi;
                let NetOdenecekIhbarTazminati = (AylikBrutMaas / 30) * TazminatIhbarGunu;
                let IhbarTazminatiGelirVergisiKesintisi = NetOdenecekIhbarTazminati * 0.15;
                let IhbarTazminatiDamgaVergisiKesintisi = NetOdenecekIhbarTazminati * 0.00759;
                let NetIhbarTazminati = NetOdenecekIhbarTazminati - (IhbarTazminatiGelirVergisiKesintisi + IhbarTazminatiDamgaVergisiKesintisi);
                let ToplamOdenecek = NetIhbarTazminati + NetOdenecekKidemTazminatiTutari;
                if (IsBaslangicTarihi >= IsBitisTarihi)
                    alert("Başlangıç Tarihi Bitiş Tarihine Eşit veya Bitiş Tarihinden Büyük Olamaz")
                else {
                    document.getElementById("sonuc").style.display = "block";
                    document.getElementById("sonuc").innerHTML = `
                          <legend>Tazminat Hesaplama Sonuçları</legend>
                          <b>Hesaplamaya Esas Gün: </b> ${ToplamGun} Gün<br>
                          <b>Kıdem Tazminatına Esas Ücret: </b> ${formatTL(AylikBrutMaas)}<br>
                          <b>Kıdem Tazminatı Tutarı (Brüt): </b> ${formatTL(KidemTazminatiTutariBrut)}<br>
                          <b>Damga Vergisi(0.00759): </b> ${formatTL(DamgaVergisi)}<br>
                          <b>Net Ödenecek Kıdem Tazminatı: </b> ${formatTL(NetOdenecekKidemTazminatiTutari)}<br>
                          <b>İhbar Günü: </b> ${TazminatIhbarGunu} Gün<br>
                          <b>İhbar Tazminatı (Brüt): </b> ${formatTL(NetOdenecekIhbarTazminati)}<br>
                          <b>Gelir Vergisi Kesintisi: </b> ${formatTL(IhbarTazminatiGelirVergisiKesintisi)}<br>
                          <b>Damga Vergisi Kesintisi (0.00759): </b> ${formatTL(IhbarTazminatiDamgaVergisiKesintisi)}<br>
                          <b>Net İhbar Tazminatı: </b> ${formatTL(NetIhbarTazminati)}<br>
                          <b>Toplam: </b> ${formatTL(ToplamOdenecek)}<br>`;
                }
            }
     
     
        </script>
    </body>
    </html>
  • 09-03-2023, 19:33:45
    #5
    bycaner adlı üyeden alıntı: mesajı görüntüle

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>document</title>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
        <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
        <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/tr.js"></script>
        <script>
            moment.locale('tr');
        </script>
    </head>
    <body>
        <div id="container">
            <main>
                <form method="get">
                    <fieldset>
                        <legend>kıdem tazminatı hesaplama aracı</legend>
                        <div class="notlar"><em>*</em> doldurulması zorunlu alanlar.</div>
                        <ol class="narrow">
                            <li>
                                <label for="isbaslangictarihi"><em>*</em> işe başlangıç tarihi:</label>
                                <input type="text" id="isbaslangictarihi" name="isbaslangictarihi" class="iw10"> <span
                                    class="orn">örn. 1650,75</span>
                            </li>
                            <li>
                                <label for="isbitistarihi"><em>*</em> işten ayrılma tarihi:</label>
                                <input type="text" id="isbitistarihi" name="isbitistarihi" class="iw10"> <span
                                    class="orn">örn. 1650,75</span>
                            </li>
                            <li>
                                <label for="aylikbrutmaas"><em>*</em> brüt ücret:</label>
                                <input type="number" id="aylikbrutmaas" name="aylikbrutmaas" step="0.000001" class="iw10">
                                <span class="orn">örn. 1768,25</span>
                            </li>
                            <li>
                                <label for="ekodemeler"><em>*</em> aylık yardımlar:</label>
                                <input type="number" id="ekodemeler" name="ekodemeler"
                                    placeholder="yol, yemek vb. Aylık yardımların toplamını giriniz." step="0.000001"
                                    class="iw10"> <span class="orn">örn. 10,75</span>
                            </li>
                        </ol>
                        <div class="buttons"><button type="button" onclick="hesapla();">hesapla</button> <button
                                type="reset">temizle</button>
                        </div>
                    </fieldset>
                </form>
                <fieldset id="sonuc" style="display: None;">
     
                </fieldset>
            </main>
        </div>
        <script>
            jquery(document).ready(function () {
                $(function () {
                    $("#isbaslangictarihi").datepicker({
                        dateformat: "dd.mm.yy",
                        altformat: "yy-mm-dd",
                        altfield: "#isbaslangictarihidb",
                        monthnames: ["ocak", "şubat", "mart", "nisan", "mayıs", "haziran", "temmuz", "ağustos", "eylül", "ekim", "kasım", "aralık"],
                        daynamesmin: ["pa", "pt", "sl", "ça", "pe", "cu", "ct"],
                        setdate: New date(1985, 00, 01),
                        changeyear: True,
                        firstday: 1,
                        language:"tr"
                    });
                    $("#isbitistarihi").datepicker({
                        dateformat: "dd.mm.yy",
                        altformat: "yy-mm-dd",
                        altfield: "#isbitistarihidb",
                        monthnames: ["ocak", "şubat", "mart", "nisan", "mayıs", "haziran", "temmuz", "ağustos", "eylül", "ekim", "kasım", "aralık"],
                        daynamesmin: ["pa", "pt", "sl", "ça", "pe", "cu", "ct"],
                        changeyear: True,
                        firstday: 1
                    }).datepicker("setdate", new date());
                });
            });
            function formattl(num) {
                let p = num.tofixed(2).split(".");
                return p[0].split("").reverse().reduce(function (acc, num, i, orig) {
                    return num == "-" ? Acc : Num + (i && !(i % 3) ? "." : "") + acc;
                }, "") + "," + p[1] + " tl";
            }
            function hesapla() {
           
                let isbaslangictarihi = moment(document.getelementbyid("isbaslangictarihi").value, "dd.mm.yyyy").format("yyyy-mm-dd");
                let isbitistarihi = moment(document.getelementbyid("isbitistarihi").value, "dd.mm.yyyy").format("yyyy-mm-dd");
                console.log(isbaslangictarihi);
                console.log(isbitistarihi);
                let aylikbrutmaas = document.getelementbyid("aylikbrutmaas").value;
                let ekodemeler = 0;
                if (document.getelementbyid("ekodemeler").value > 0) {
                    ekodemeler = document.getelementbyid("ekodemeler").value;
                }
                aylikbrutmaas = parseint(aylikbrutmaas) + parseint(ekodemeler);
                let fark = moment(isbitistarihi).diff(moment(isbaslangictarihi));
                let toplamgun = math.floor(fark / 1000 / 60 / 60 / 24);
                let kıdemtazminati = 0;
                if (toplamgun < 365) {
                    kıdemtazminati = 0;
                }
                if (aylikbrutmaas > 10596) {
                    aylikbrutmaas = 10596;
                }
                let kidemtazminatitutaribrut = 0;
                if (toplamgun < 365) {
                    kidemtazminatitutaribrut = 0;
                }
                else if (toplamgun >= 365 && toplamgun < 1095) {
                    kidemtazminatitutaribrut = (toplamgun / 365) * aylikbrutmaas;
                }
                else if (toplamgun >= 1095) {
                    kidemtazminatitutaribrut = (toplamgun / 365) * aylikbrutmaas;
                }
                let damgavergisi = 0;
                if (toplamgun < 365) {
                    damgavergisi = 0;
                }
                if (toplamgun >= 365) {
                    damgavergisi = (((toplamgun / 365) * aylikbrutmaas) * 0.00759);
                }
                let tazminatihbargunu = 0;
                if (toplamgun < 180) {
                    tazminatihbargunu = 14;
                }
                else if (toplamgun >= 180 && toplamgun < 545) {
                    tazminatihbargunu = 28;
                }
                else if (toplamgun >= 545 && toplamgun < 1095) {
                    tazminatihbargunu = 42;
                }
                else if (toplamgun >= 1095) {
                    tazminatihbargunu = 56;
                }
                let netodenecekkidemtazminatitutari = kidemtazminatitutaribrut - damgavergisi;
                let netodenecekihbartazminati = (aylikbrutmaas / 30) * tazminatihbargunu;
                let ihbartazminatigelirvergisikesintisi = netodenecekihbartazminati * 0.15;
                let ihbartazminatidamgavergisikesintisi = netodenecekihbartazminati * 0.00759;
                let netihbartazminati = netodenecekihbartazminati - (ihbartazminatigelirvergisikesintisi + ihbartazminatidamgavergisikesintisi);
                let toplamodenecek = netihbartazminati + netodenecekkidemtazminatitutari;
                if (isbaslangictarihi >= isbitistarihi)
                    alert("başlangıç tarihi bitiş tarihine eşit veya bitiş tarihinden büyük olamaz")
                else {
                    document.getelementbyid("sonuc").style.display = "block";
                    document.getelementbyid("sonuc").innerhtml = `
                          <legend>tazminat hesaplama sonuçları</legend>
                          <b>hesaplamaya esas gün: </b> ${toplamgun} gün<br>
                          <b>kıdem tazminatına esas ücret: </b> ${formattl(aylikbrutmaas)}<br>
                          <b>kıdem tazminatı tutarı (brüt): </b> ${formattl(kidemtazminatitutaribrut)}<br>
                          <b>damga vergisi(0.00759): </b> ${formattl(damgavergisi)}<br>
                          <b>net ödenecek kıdem tazminatı: </b> ${formattl(netodenecekkidemtazminatitutari)}<br>
                          <b>ihbar günü: </b> ${tazminatihbargunu} gün<br>
                          <b>ihbar tazminatı (brüt): </b> ${formattl(netodenecekihbartazminati)}<br>
                          <b>gelir vergisi kesintisi: </b> ${formattl(ihbartazminatigelirvergisikesintisi)}<br>
                          <b>damga vergisi kesintisi (0.00759): </b> ${formattl(ihbartazminatidamgavergisikesintisi)}<br>
                          <b>net ihbar tazminatı: </b> ${formattl(netihbartazminati)}<br>
                          <b>toplam: </b> ${formattl(toplamodenecek)}<br>`;
                }
            }
     
     
        </script>
    </body>
    </html>
    beton yetmez abim benim