<!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>