Proyek sistem manajemen penggajian di html

Pada artikel ini, kita akan membuat halaman web Pay Role Management dengan Javascript. Dalam proyek ini, kita akan mempelajari dan menghapus konsep javascript dasar

Prasyarat. Prasyarat untuk proyek ini adalah-

  • ES6 Javascript
  • Pemilih Kueri

Mendekati. Untuk membuat halaman web Manajemen Peran Pembayaran kami, kami akan mengambil jumlah tagihan input dan menangani kasus kesalahan sehingga menimbulkan kesalahan jika seseorang menggunakan nilai negatif dari jumlah tagihan atau lebih dari jumlah yang diberikan. Kemudian kita akan menerapkan logika utama kita untuk menampilkan keluaran dari jumlah catatan minimum yang mungkin untuk dikembalikan ke pengguna sebagai keluaran (tabel). Halaman web ini sebenarnya akan menghitung jumlah minimum catatan yang akan diterima pelanggan sebagai pengembalian saldo. Misalkan jumlah tagihan adalah 500 dan Anda memiliki 2000 rupee sehingga dihitung berapa jumlah uang kertas minimum yang harus dikembalikan ke pengguna

Pengaturan dasar. Buka VS Code dan buka folder dari drive tempat Anda ingin membuat proyek ini dan beri nama (folderName). Setelah membuka buat file-file berikut.  

  • indeks. js
  • indeks. html
  • gaya. css

Struktur Proyek. Seharusnya terlihat seperti ini

Proyek sistem manajemen penggajian di html

Langkah 1. Pertama kita akan membuat struktur HTML di index. html. Ini adalah halaman indeks utama yang terhubung ke style. file css untuk styling dan index. js untuk operasi logis di situs web

File HTML pada dasarnya berisi tiga bagian

  • tajuk
  • bagian masukan
  • tabel (keluaran)

Di bagian header kita memiliki judul dan di bagian input kita memiliki dua input dari pengguna, satu adalah jumlah tagihan yang lain adalah jumlah yang diberikan oleh pengguna. Di bagian terakhir, kami memiliki tabel untuk menunjukkan jumlah minimum catatan yang akan dikembalikan ke pengguna

indeks. html




<!DOCTYPE html>

<html lang="en">

 

<head>

<1<<3 <4=<6>

<1<<3 html1=html3 html4=html6>

<1<<3 lang1=lang3 html4=

lang6lang7>

lang9head>

 

<=4>

<1<=8 =9="en"1>

lang6<"en"5"en"6"en"7>

"en"9<>1>2>1>

>5lang9"en"7>8"en"5>

lang6< 3 =9= 6>

>5 9

>5<1

>5<3

lang6lang9 3>

 

lang6<head1 head2=head4>

>5<"en"7head9"en"7>

lang6lang9head1>

lang6<<08 =9=head4 <12=<14 <15

lang6<head1 head2=<21>

>5<"en"7<26"en"7>

lang6lang9head1>

lang6<<08 =9=<21 <12=<41 <15

lang6<<45 =9=<48 <12=<51<52<45>

lang6< 3 <12=<60>

lang6lang9 3>

 

lang6<<69 =9=<72>

>5<<76>

"en"9<"en"7<81"en"7>

>5lang9<76>

>5<<90 =9=<93>

________5______9<<97 =9=<93html01<97>

________5______9<html06 =9=html09>8html06>

________5______9<html06 =9=html09>8html06>

________5______9<html06 =9=html09>8html06>

________5______9<html06 =9=html09>8html06>

________5______9<html06 =9=html09>8html06>

________5______9<html06 =9=html09>8html06>

________5______9<html06 =9=html09>8html06>

>5lang9<90>

>5<<90>

________5______9<<97 =9=<93html81<97>

________5______9<html06 =9=<93html90html06>

________5______9<html06 =9=<93html99html06>

________5______9<html06 =9=<93lang08html06>

________5______9<html06 =9=<93lang17html06>

________5______9<html06 =9=<93lang26html06>

________5______9<html06 =9=<93lang35html06>

________5______9<html06 =9=<93lang44html06>

>5lang9<90>

lang6lang9<69>

<1lang9=8>

lang9=4>

 

lang9html>

Langkah 2. Sekarang di dalam file javaScript kita akan mengambil id tombol dan memasukkan nomor dan mengeluarkan nomor ke Html bagian dalam. Bagian logis dari sisa uang tunai adalah memberikan jumlah uang kertas seminimal mungkin.  

  1. Hitung sisa nilai i. e memasukkan jumlah-. jumlah tagihan
  2. Menangani kesalahan
  3. Jalankan loop dalam larik catatan dan hitung jumlah minimum catatan. trunc() adalah fungsi dalam javascript yang memotong (memotong) titik dan angka di sebelah kanannya
  4. Akhirnya output kami ditampilkan sesuai dengan indeks catatan (noOfNotes)

indeks. js




________3______66 lang67<14lang69

________3______66 lang71<41lang69

lang66 lang75<51lang69

lang66 lang79<60lang69

lang66 lang83lang84lang69

lang66 lang87

 

lang89 lang90

<1lang92lang93lang94

<1lang96

lang_97

 

________3______89 =00

<1lang92=03lang94

lang_97

 

________3______89 =08

<1=10

<1=12 =13

lang6=15=16lang69

<1lang97=20 =21

lang6lang66 =24

lang6=12 =27

>5=15=30lang69

lang6lang97=20 =21

>5head2 =38lang66 =40

"en"9=42

"en"9=44

"en"9=46

 

>5lang97

 

lang6lang97

<1lang97

lang_97

 

=_57=58=59

Langkah 3. Sekarang kita akan mendesain halaman web. Di sini wadah utama diberi padding dan ditampilkan secara fleksibel dengan arah seperti kolom dan warna latar belakang biru. Kami juga telah membatasi meja dengan warna hitam pekat, juga menata tombolnya

gaya. css




=_60

<1=62=63

<1=65=66=67

<1=69=70=71=72

<1=74=70=76lang94

<1=79=70=81lang94

<1=84=70=86________3______94

lang_97

 

=_90

<1=92=70=94 =95 =96lang94

lang_97

 

"en"_00

<1=92=70=94 =95 =96lang94

lang_97

 

"en"_10

<1=92=70=94 =95 =96lang94

lang_97

 

"en"_20

<1"en"22=70"en"24lang94

<1=79=70"en"29lang94

lang_97

 

"en"_33

<1"en"22=70"en"24lang94

<1=79=70"en"29lang94

lang_97

 

"en"_46

<1"en"22=70"en"24lang94

<1=79=70"en"29lang94

lang_97

Kode Akhir. Setelah menggabungkan tiga bagian kode di atas i. e. Bagian HTML, CSS, dan JavaScript, kita akan mendapatkan hasil yang diinginkan

HTML




<!DOCTYPE html>

<html lang="en">

 

<head>

"en"69<<3 <4=<6>

"en"69<<3 html1=html3 html4=html6>

"en"69<<3 lang1=lang3 html4=

"en"94lang7>

"en"69<"en"99>

"en"94=60

>_03>04

>_03>06

>03>08

>_03>10

>_03>12

>_03>14

"en"94lang97

 

"en"94=90

>03>21

"en"94lang97

 

"en"94"en"00

>03>21

"en"94lang97

 

"en"94"en"10

>03>21

"en"94lang97

 

"en"94"en"20

>_03>42

>_03>44

"en"94lang97

 

"en"94"en"33

>_03>42

>_03>44

"en"94lang97

 

"en"94"en"46

>_03>42

>_03>44

"en"94lang97

"en"69lang9"en"99>

lang9head>

 

<=4>

"en"69<=8 =9="en"1>

"en"94<"en"5"en"6"en"7>

>5<>1>2>1>

"en"94lang9"en"7>8"en"5>

"en"94< 3 =9= 6>

>_03 09

>_03 11

"en"94lang9 3>

 

"en"94________1__9_______1 head2=head4"en"6"en"7head9"en"7>8head1>

"en"94<<08 =9=head4 <12=<14 <15

"en"94<head1 head2=<21"en"6"en"7<26"en"7>8________9______1>

"en"94<<08 =9=<21 <12=<41 <15

"en"94<<45 =9=<48 <12=<51<52<45>

Bagaimana cara membuat sistem manajemen penggajian?

Cara membuat sistem pengelolaan penggajian untuk bisnis kecil Anda .
Pilih perangkat lunak penggajian yang tepat. .
Mengumpulkan informasi untuk penggajian. .
Hitunglah Gaji Kotor dan Gaji Bersih. .
Sertakan Pajak Gaji Majikan. .
Buat sistem entri penggajian. .
Dokumentasikan persyaratan kompensasi. .
Membuat dokumen penggajian. .
Garis bawah

Apa itu proyek sistem manajemen penggajian?

Sistem manajemen penggajian adalah sistem yang dioperasikan komputer yang dirancang untuk merekam pemantauan dan mengelola urusan penggajian karyawan di Organisasi mana pun . Dengan bertambahnya jumlah Karyawan dan organisasi, pengelolaan keuangan organisasi menjadi masalah yang kompleks.

Bagaimana cara membuat sistem manajemen penggajian menggunakan PHP dan MySQL?

Cara Menjalankan .
Unduh kode sumber dan ekstrak file zip
Unduh atau siapkan server web lokal apa pun yang menjalankan skrip PHP
Buka database web-server dan buat database baru beri nama payroll_db
Impor file SQL yang terletak di folder database kode sumber

Sebutkan 2 jenis sistem penggajian?

Empat jenis jadwal penggajian yang paling umum adalah bulanan, setengah bulanan , dua mingguan, dan mingguan, dan masing-masing memiliki jadwalnya sendiri .