Fazla Mesai Hesaplama Programı

tarafından
51
Fazla Mesai Hesaplama Programı

Fazla Mesai Nedir ? 

Kanunda yazılı koşullar çerçevesinde, haftalık kırkbeş saati aşan çalışmalardır. Normal mesaisi için aylık ücret alan işçi, fazla mesaisi için de ayrıca bir ücret almaktadır. Bu sürelerin toplamı bir yılda 270 saatten daha çok olamaz ve işçinin mutlaka önceden onayının alınması gerekmektedir. Kanunlarda “fazla çalışma” olarak adlandırılmaktadır.

Bu konu ile alakalı ufak bir çalışma yapalım hemen bu projede sadece Html-Bootstrap-Jquery kullanarak yapacağız.

Önce Html Kısmından başlayalım 

İlk Html iskeletimizi oluşturduk. sonrasında body içerisinde ilk container divimizi ekliyoruz sonra içerisinde 1 row ekliyoruz

Row umuzu ekledikten sonra form ekliyip düzenlemeye başlıyoruz.

Aylık maaşı aldığımız inputumuzu oluşturduk.O ay ne kadar mesai yapıldığını aldığımız inputumuzu oluşturduk ve bir tane da buton oluşturduk.Bu konuda dikkat edilmesi gereken bir nokta var.İlk buton eklendiğinde type submit olarak default oluşur eğer type submit olursa her işlem sonrasında bütün inputlar boşaltılır ve bununla uğraşırken sizde sıkıntıya girersiniz.En azından ben girmiştim ilk başladığımda.

Formumuzu oluşturduktan sonra elde ettiğimiz sonuçları alert ile göstermek yerine bir inputa basmamız daha iyi gözükecektir o yüzden alacağımız değerleri basacağımız inputları ekliyoruz

Şu an elimizdeki görüntü bu şekilde ve gelişi güzel bir dağılım ile bunu biraz düzenlememiz gerekiyor öncelikle bootstrap cdn ini ekleyerek başlayalım projemize.

Eklendikten sonra elde ettiğimiz görüntü bu şekilde 

Şimdi bunları col ile ayıralım yanlara 

Form kısmını col-md-6 ile basacağımız kısımları ise col-md-4 ile oluşturuyoruz ve elde ettiğimiz görüntü bu şekilde oluyor ve son bir kısım kaldı düzeltmemiz görüntü olarak son dokunuşumuz ise style vereceğiz container divine ve yukarıdan biraz aşşağı indirmemiz gerekecek.

style=”margin-top: 150px !important;”

Son olarak elde ettiğimiz görsel görüntü bu şekilde artık bu işin jquery kısmına geçelim.Bunun içinde önce jquerynin cdninin header kısmına eklememiz gerekiyor.

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js“></script>

Ekledik. ve index.js adında bir javascript dosyası oluşturduk bu kısmı onun içinde yapacağız.Oluşturduğumuz dosyanın yolunu da head kısmına ekliyoruz.

Ve Artık hazırız.

Öncelikle bir function oluşturuyoruz ismi hesapla olsun ve son html ile işimiz olan onclick işlemini butonumuza veriyoruz

İnputlarımızdan değer alarak onları integera çeviriyoruz

Sonra Bir saatlik çalışmanın ücret hesabını yapıyoruz

(Bir aylık çalışmanın saatlik ücretini hesaplamak için aylık ücret 225 e bölünür.)

Hesaplamalarını yapıyoruz.

elde ettiğimiz sonuçları inputlarımıza basıyoruz.Veri aldığımız inputları tekrardan kullanırız diye içlerini boşaltıyoruz.

Kodları ek olarak en alta ekleyeceğim.Ek bir bilgi olarak da 

Fazla sürelerle çalışma nedir?

Haftalık çalışma süresinin sözleşmelerle kırkbeş saatin altında belirlendiği durumlarda yukarıda belirtilen esaslar dahilinde uygulanan ortalama haftalık çalışma süresini aşan ve kırkbeş saate kadar yapılan çalışmalardır.

Ekonomi Gelişmeleri için

HTML Kodları

<!DOCTYPE html>

<html lang=”tr”>

  <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>Proje Deneme</title>

    <link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css” integrity=”sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T” crossorigin=”anonymous”>

    <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js”></script>

    <script src=”index.js”></script>

  </head>

  <body>

    <div class=”container” style=”margin-top: 150px !important;”>

      <div class=”row” >

        <div class=”col-md-6″>

          <form id=”forms”>

            <div class=”form-group”>

              <label for=”maas”>Aylık Maaşınız</label>

              <input type=”text” class=”form-control” id=”maas” placeholder=”Maaşınızı Girin”>

            </div>

            <div class=”form-group”>

              <label for=”calisilan_sure”>Toplam Mesai Saati</label>

              <input type=”text” class=”form-control” id=”calisilan_sure” placeholder=”Toplam Mesai Saati”>

            </div>

            <button type=”button” class=”btn btn-primary” id=”hesapla” onclick=”hesapla()”>Hesapla</button>

          </form>

        </div>

        <div class=”col-md-4″>

          <label for=”saatlik_ucret”>Saatlik Fazla Mesai Ücreti (Brüt)</label>

          <input type=”text” class=”form-control” id=”saatlik_ucret”>

          <label for=”fazla_mesai_ucreti”>Fazla Mesai Ücreti (Brüt)</label>

          <input type=”text” class=”form-control” id=”fazla_mesai_ucreti”>

          <label for=”maas_mesai”>Maaş + Fazla Çalışma Ücreti (Brüt)</label>

          <input type=”text” class=”form-control” id=”maas_mesai”>

        </div>

      </div>

    </div>

  </body>

</html>

Jquery Kodları

$(document).ready(function() {

});

function hesapla() {

    $maas = parseInt($(‘#maas’).val()); //Maaş İnputundan Value alıyoruz

    $mesai_saati = parseInt($(‘#calisilan_sure’).val()); //calisilan sure inputundan value alıyoruz

    $saat = $maas /225; //saatlik ücret hesabı yapıyoruz

    $mesai_hesabi= ($saat+(($saat*50)/100))*$mesai_saati //Mesai Ücreti Hesabı yapıyoruz

    $saatlik_hesap =$saat+(($saat*50)/100); //Saatlik Mesai saati ücreti hesabı yapıyoruz

    $(‘#saatlik_ucret’).val($saatlik_hesap); //saatlik Ucret inputuna set ediyoruz

    $(‘#fazla_mesai_ucreti’).val($mesai_hesabi); //fazla_mesai_ucreti inputuna set ediyoruz

    $(‘#maas_mesai’).val($maas+$mesai_hesabi); // mesaili maaş hesabı inputuna set ediyoruz

    $(‘#maas’).val(”); //maas inputunu işlem sonrasında boşaltıyoruz

    $(‘#calisilan_sure’).val(”); //calislian sure inputunu işlem sonrasında boşaltıyoruz

}

Önerilen İçerik