Program Deret Bilangan Ganjil dengan PHP 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 PHP dan HTML dengan Input Type saja.

Untuk Software-nya, Anda bisa menggunakan Notepad++, Sublime Text, ataupun VS Code, dan ditampilkan melalui Browser Anda. Sebaiknya, harus menggunakan Server PHP seperti XAMPP agar bisa menjalankan Program PHP.

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 PHP 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</title>
</head>
<body>
    <h2>Program Deret Bilangan Ganjil</h2>
    <form method="post">
        <label for="inputBatas">Masukkan Batas:</label>
        <input type="number" id="inputBatas" name="inputBatas" required>
        <br>
        <input type="submit" value="Tampilkan">
    </form>
    <?php
    function deret_bilangan_ganjil($batas) {
        for ($i = 1; $i <= $batas; $i++) {
            if ($i % 2 != 0) {
                echo $i . " ";
            }
        }
    }
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        $batas = (int) ($_POST["inputBatas"] ?? 0);
        echo "<p>Deret Bilangan Ganjil: ";
        deret_bilangan_ganjil($batas);
        echo "</p>";
    }
    ?>
</body>
</html>

Input dan Output :

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

Terima Kasih 😀😊😘👌👍 :)