StudiKasus1, Prak24

<!DOCTYPE html>
<html>
<head>
    <title>Davitra Eka S XI RPL 2</title>
</head>
<style type="text/css">
    div.kotak{
        width: 25px;
        height: 25px;
        display: inline-block;
        margin: 2px;
    }
</style>
<body>
    <h1><center>Jumlah Anak Tangga</center></h1>
    <form method="post" action="">
        <table>
            <tr>
                <td>Jumlah anak Tangga</td>
                <td><input type="text" name="tangga"></td>
            </tr>
            <tr>
                <td>Warna</td>
                <td>
                    <input type="radio" name="warna" value="Green">Hijau
                    <input type="radio" name="warna" value="Blue">Biru
                    <input type="radio" name="warna" value="Red">Merah
                    <input type="radio" name="warna" value="Purple">Ungu
                    <input type="radio" name="warna" value="Grey">Abu
                </td>
            </tr>
            <tr>
                <td><input type="submit" name="button"></td>
            </tr>
        </table>

        <?php
            if (isset($_POST['button'])){
                $jmlTangga = $_POST['tangga'];
                $warna = $_POST['warna'];

                for ($i = 0; $i < $jmlTangga; $i++){
                    for ($j=0; $j < $i ; $j++) {
                        echo "<div class = 'kotak' style = 'background-color : $warna'></div>";
                    }
                    echo "<div class = 'kotak' style = 'background-color : $warna'></div> <br>";
                }
            }
        ?>
    </form>
</body>
</html>