webpage.html

<!DOCTYPE html>
<html>
<style>
    input[type="text"] {
        color: rgb(123, 123, 123);
        width: 90%;
        height: 30px;
        font-size: 18px;
    }

    input[type="submit"] {
        color: rgb(255, 0, 0);
        background-color: rgb(210, 210, 210);
        width: 20%;
        height: 20px;
    }

    input[type="submit"]:hover {
        color: rgb(223, 19, 19);
        background-color: rgb(174, 174, 174);
        width: 20%;
        height: 20px;
    }
</style>

<body>
    <h2>SWENG Calculator</h2>
    <form method="POST">
        <label for="calculation">Input to Calculate:</label><br><br>
        <input type="text" id="calculation" name="calculation"><br><br>
        <input type="submit" value="Calculate">
    </form>
    <p>Use log(x) to calculate the natual log and exp(x) to calculate e^x.</p>
    <h3>Result:</h3>
</body>

</html>