<!DOCTYPE html>
<html>
<head><style type="text/css">
    body{
        background-image: url(o.jpg);
        background-size: cover;
    }
    table{
        border: 3px dashed red;
        background: #501193;
        opacity: 0.9;
        margin-left: auto;
        margin-right: auto;
        width: 300px;
        text-align: center;
    }
</style>
    <title>AdjiNurdiman_XI-RPL 2_Quiz12.html</title>
</head>
<body>
    <table>
        <tr>
            <td><p>Var a = 15</p>
                <p>Var b = 3</p>

                <p id="Jumlah"></p>
                <p id="Kurang"></p>
                <p id="Kali"></p>
                <p id="bagi"></p>
                <p id="modulus"></p></td>
        </tr>
    </table>

    <script type="text/javascript">
        var a = 15;
        var b = 3;
        var Jumlah = a+b;
        var Kurang = a-b;
        var Kali = a*b;
        var bagi = a/b;
        var modulus = a%b;

        document.getElementById("Jumlah").innerHTML = "Hasil Penjumlahan : " +Jumlah;
        document.getElementById("Kurang").innerHTML = "Hasil Perkurangan : " +Kurang;
        document.getElementById("Kali").innerHTML = "Hasil Perkalian : " +Kali;
        document.getElementById("bagi").innerHTML = "Hasil Pembagian : " +bagi;
        document.getElementById("modulus").innerHTML = "Hasil Modulus : " +modulus
    </script>
</body>
</html>