Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Hanif Abyan Ayyasyi XI RPL 2</title>
    <link rel="stylesheet" href="cssquiz.css">
</head>
<body>
    <script>
        function hitung()
        {
            var number1 = parseFloat(document.getElementById("number1").value);
            var number2 = parseFloat(document.getElementById("number2").value);
            var operator = document.getElementById("operator").value;

            if(operator == '+')
            {
                  document.getElementById("hasil").value = number1+number2;
            }
            else if(operator == "-")
            {
                document.getElementById("hasil").value = number1-number2;
            }
            else if(operator == "/")
            {
                document.getElementById("hasil").value = number1/number2;
            }
            else if(operator == "x")
            {
                document.getElementById("hasil").value = number1*number2;
            }
            else
            {
                document.getElementById("hasil").value = number1%number2;
            }
        }
    </script>

    <table border="0">
        <tr>
            <td>
                <input type="text" id="number1">
            </td>
            <td>
                <input type="text" id="number2">
            </td>
        </tr>
        <tr>
            <td width="50px">
                <select id="operator">
                    <option value="+">+</option>
                    <option value="-">-</option>
                    <option value="/">/</option>
                    <option value="x">x</option>
                    <option value="mod">%</option>
                </select>
            </td>
            <td>
                <input type="text" id="hasil">
            </td>
            <td>
                <button onclick="hitung();">Hitung</button>
            </td>
        </tr>
    </table>
</body>
</html>