Source Code input output sederhana dengan Javascript

Source code input output sederhana dengan javascript - selamat pagi agan agan, pada kesempatan ini saya akan berbagi tutorial pemula untuk bisa membuat proses input sekaligus ditampilkan kembali dengan menggunakan javascript. belajar javascript menjadi hal yang penting bagi developer web karena javascript tidak dapat dipisahkan dari pengembangan aplikasi berbasis web sehingga bagi para developer wajib untuk mempelajari bahasa pemprograman javascript. dengan mempelajari dasar-dasar javascript maka nantinya akan lebih mudah untuk mempelajari tingkat lanjut dari javascript seperti ajax dan jquery.


<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>contoh if else dengan javascript</h1>
<h2>hitung gaji pegawai</h2>
<script type="text/javascript">
var namapegawai, jammasuk, jamkeluar, jamlembur, jamkerja, gapok, lembur

jamkerja = 8
gapok = 100000
lembur = 2000
gaji = 0

namapegawai = prompt("nama pegawai")
jammasuk = prompt("jam masuk: ","08.00")
jamkeluar = prompt("jam keluar: ", "16.00")
jamlembur = eval(jamkeluar)-eval(jammasuk)-eval(jamkerja)

gaji=gapok
//hitunglembur
if(jamlembur>0) gaji=gaji+jamlembur*lembur
//tampil hasil

document.write("nama pegawai: "+namapegawai)
document.write("<br> jam masuk: "+jammasuk)
document.write("<br> jam keluar: "+jamkeluar)
document.write("<br> lembur: "+jamlembur+" jam")
document.write("<br> gaji: "+gaji)
</script>
</body>
</html>



beberapa hal yang perlu diperhatikan dari kode diatas adalah

  • penulisan kode javascript selalu didalam tag <script></script>
  • pembuatan variabel baru diawali dengan expresi var
  • tidak memerlukan tanda titik koma(;) untuk mengakhiri sebuah expresi
  • eval digunakan untuk menkonversi nilai string menjadi numeric supaya bisa dilakukan operasi perhitungan matematika
  • hasil dari inputan dan nilai hitung ditampilkan menggunakan fungsi document.write()
  • fungsi input menggunakan prompt()

jika anda malas menulis ulang kodingnya, agan dapat mendownloadnya disini, selamat mencoba

Comments