Kode Program

Program Menghitung Luas dan Keliling Persegi Panjang dengan JavaScript dan HTML (Input Type)

09 Oct 2023 0

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Dalam Matematika, sudah biasa menghitung Luas dan Keliling Persegi Panjang. Lalu, bagaimana menghitung Luas dan Keliling Persegi Panjang dengan Algoritma Pemrograman dalam Bahasa JavaScript dan ditampilkan dengan menggunakan HTML? Berikut ini adalah Penjelasannya.

Untuk Software-nya, Anda bisa menggunakan Notepad++, Sublime Text, ataupun VS Code, dan ditampilkan melalui Browser Anda. Bahkan Anda juga bisa menggunakan Online Compiler yang ada di Internet seperti Programiz, OneCompiler, OnlineGDB, dll.

Secara Matematis, Rumus Luas dan Keliling Persegi Panjang adalah sebagai berikut :

Sumber : Belajarmtk.com

Dan inilah Program menghitung Luas dan Keliling Persegi Panjang dengan HTML dan JavaScript :

<!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>Luas dan Keliling Persegi Panjang</title>
</head>
<body>
    <script>
        function hitungLuasKeliling() {
            var panjang = parseFloat(document.getElementById("panjang").value);
            var lebar = parseFloat(document.getElementById("lebar").value);

            var luas = panjang * lebar;
            var keliling = 2 * (panjang + lebar);

            document.getElementById("keliling").innerText = "Keliling Persegi Panjang: " + keliling;
            document.getElementById("luas").innerText = "Luas Persegi Panjang: " + luas;
        }
    </script>

    <h2>Menghitung Luas dan Keliling Persegi Panjang</h2>
    <label for="panjang">Masukkan Panjang: </label>
    <input type="text" id="panjang">
    <br>
    <label for="lebar">Masukkan Lebar: </label>
    <input type="text" id="lebar">
    <br>
    <button onclick="hitungLuasKeliling()">Hitung</button>
    <br>
    <div id="keliling"></div>
    <div id="luas"></div>
</body>
</html>

Input dan Output :

Mohon maaf apabila ada kesalahan sedikitpun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Kode Program

Join the conversation

Program Menghitung Luas dan Keliling Persegi Panjang dengan JavaScript dan HTML (Input Type)

Keep reading

Apa itu OpenCode? Open Source AI Coding Agent Secara Gratis (Beserta dengan Tutorial Penggunaannya)

Program Deret Bilangan Ganjil-Genap dengan JavaScript dan HTML (Input Type)

Program Deret Bilangan Ganjil-Genap dengan PHP dan HTML (Input Type)