Untitled

<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
    <title> calculator </title>
    <link href="calc/calc.css" rel="stylesheet" />

</head>

<body >
    <center>
<div>
    <form action="#" method="GET">

            <input type="text" name="result" id="result" placeholder="0">
        </form>

    </div>
        <div>
            <button value="1" class="numbers"  onclick="calc(this.value);">1</button>
            <button value="2"  class="numbers" onclick="calc(this.value);">2</button>
            <button value="3" class="numbers" onclick="calc(this.value);">3</button>
            <button value="+" class="numbers" onclick="calc(this.value);">+</button>

        </div>
        <div>
            <button value="4" class="numbers" onclick="calc(this.value);">4</button>
            <button value="5" class="numbers" onclick="calc(this.value);">5</button>
            <button value="6" class="numbers" onclick="calc(this.value);">6</button>
            <button value="-" class="numbers" onclick="calc(this.value);">-</button>

        </div>
        <div>
            <button value="7" class="numbers" onclick="calc(this.calc);">7</button>
            <button value="8" class="numbers" onclick="calc(this.value);">8</button>
            <button value="9" class="numbers" onclick="calc(this.value);">9</button>
            <button value="*" class="numbers" onclick="calc(this.value);">*</button>

        </div>
        <div>
            <button value="0" class="numbers" onclick="calc(this.value);">0</button>
            <button value="=" id="equal" onclick="calc(this.value);">=</button>
            <button value="/" class="numbers" onclick="calc(this.value);">/</button>


        </div>

    </center>


    <script src="calc/calc1.js"></script>


</body>

</html>