Program Menghitung Luas Segitiga dengan JavaScript dan HTML (Input Type)

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Dalam Matematika, sudah biasa menghitung Luas Segitiga. Lalu, bagaimana menghitung Luas Segitiga dengan Algoritma Pemrograman dalam Bahasa JavaScript dan ditampilkan dengan menggunakan HTML.

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 ProgramizOneCompilerOnlineGDB, dll.

Secara Matematis, Rumus Luas Segitiga adalah sebagai berikut :

Sumber : Rumushitung.com

Dan inilah Program menghitung Luas Segitiga 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 Segitiga</title>
</head>
<body>
    <script>
        function hitungLuas() {
            var a = parseFloat(document.getElementById("alas").value);
            var t = parseFloat(document.getElementById("tinggi").value);

            var luas = 0.5 * a * t;

            document.getElementById("hasil").innerText = "Luas Segitiga = " + luas.toFixed(2);
        }
    </script>

    <h2>Menghitung Luas Segitiga</h2>
    <label for="alas">Masukkan Alas: </label>
    <input type="text" id="alas">
    <br>
    <label for="tinggi">Masukkan Tinggi: </label>
    <input type="text" id="tinggi">
    <br>
    <button onclick="hitungLuas()">Hitung</button>
    <br>
    <div id="hasil"></div>
</body>
</html>

Input dan Output :


Mohon maaf apabila ada kesalahan sedikitpun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Post a Comment

Previous Post Next Post