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

Halo guys! Berjumpa dengan Miniblog dari Inzaghi's Blog! Jika sebelumnya sudah pernah membahas mengenai Deret Bilangan Ganjil-Genap, kali ini kita hanya membuat Program Deret Bilangan Ganjil dengan JavaScript dan HTML dengan Input Type saja.

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.


Inilah Deret Bilangan Ganjil yang kita ketahui :

1, 3, 5, 7, 9, ....

Adapun, Rumus Deret Aritmetika adalah sebagai berikut :

Untuk Rumus Deret Bilangan Ganjil, inilah Rumusnya :

Dan inilah Deret Bilangan Ganjil dengan JavaScript dan HTML (Input Type) dan JavaScript :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Deret Bilangan Ganjil - JavaScript</title>
</head>
<body>
    <h1>Deret Bilangan Ganjil</h1>
    <form onsubmit="return hitungDeretGanjil()">
        <label for="batas">Batas:</label>
        <input type="number" id="batas" name="batas" required>
        <br><br>
        <button type="submit">Tampilkan</button>
    </form>
    <br>
    <p id="hasil"></p>
    <script>
        function hitungDeretGanjil() {
            const batas = parseInt(document.getElementById("batas").value);
            let deret = "";
           
            for (let i = 1; i <= batas; i++) {
                if (i % 2 != 0) {
                    deret += i + " ";
                }
            }
           
            document.getElementById("hasil").innerHTML = deret;
            return false;
        }
    </script>
</body>
</html>

Input dan Output :


Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Post a Comment

Previous Post Next Post