Contoh Program javascript menghitung Luas dan Keliling Persegi Panjang + Validasi Inputan Angka (HTML Javascript)

apaCara.com

Pada kesempatan kali ini studiokode16 akan mengajarkan kalian untuk membuat Program javascript menghitung luas dan keliling persegi panjang (HTML Javascript) + Validasi Inputan Angka yang akan diimplementasikan pada sebuah file html dengan inputan panjang dan lebar. Sebagaimana kita ketahui bahwa rumus untuk menghitung luas dan keliling persegi panjang sebagai berikut :
  • Luas = p x l
  • Keliling = 2 ( p + l )
Untuk bisa menjalankan program ini kami sarankan menggunakan web server XAMPP, jadi untuk mengaksesnya cukup menggunakan localhost/nama_folder/nama_file.

1. Buka web server XAMPP dan start Apache

XAMPP

2. Buat folder persegi_panjang di dalam folder htdocs (C:\xampp\htdocs\persegi_panjang)
3. Buat sebuah file html misal persegi_panjang.html di dalam folder persegi_panjang yang sudah dibuat tadi.
4. Buka file tersebut menggunakan Code Editor kalian, disini kami menggunakan Sublime Text 3
5. Berikut Source Code untuk menghitung Luas dan Keliling Persegi Panjang

6. Berikut Tampilan Programnya

Tampilan Program

7. Berikut Tampilan Inputan dan  Hasil Perhitungannya

Hasil Perhitungan

Catatan :
Pada inputan hanya boleh diinputkan angka dan tombol hitung hanya akan aktif jika inputan tidak sama dengan 0 atau kosong.

Incoming Search Terms :
Contoh Program Persegi Panjang
Program menghitung Persegi Panjang
Program HTML Javascript
Rumus Persegi Panjang
Coding Persegi Panjang
Script HTML
Pemrograman Web

Jika artikel ini bermanfaat, tolong share ke teman-teman agar mereka juga bisa mendapatkan manfaat yang sama seperti yang kamu dapatkan. 

Post a Comment

0 Comments