index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calculator</title>
    <script src="./script.js" defer></script>
    <link rel="stylesheet" href="./styles.css">
</head>
<body>

    <div id="container">
        <div id="screen">
            <input type="text" id="screenText" name="screenText">
        </div>
        <div id="buttons">
            <button id="squareRootButton">√</button>
            <button id="percentButton">%</button>
            <button id="negativeButton">⁺∕₋</button>
            <button id="clearButton">AC</button>
            <button id="sevenButton">7</button>
            <button id="eightButton">8</button>
            <button id="nineButton">9</button>
            <button id="divideButton" class="operator">÷</button>
            <button id="fourButton">4</button>
            <button id="fiveButton">5</button>
            <button id="sixButton">6</button>
            <button id="multiplyButton" class="operator">×</button>
            <button id="oneButton">1</button>
            <button id="twoButton">2</button>
            <button id="threeButton">3</button>
            <button id="subtractButton" class="operator">-</button>
            <button id="zeroButton">0</button>
            <button id="decimalButton">.</button>
            <button id="equalsButton">=</button>
            <button id="addButton" class="operator">+</button>

        </div>        
    </div>

    <div id="footer">
        <div>Copyright © 2021 Xenanthropy</div>
        <a href="https://www.github.com/Xenanthropy/"><img src="./images/githubicon.png" /></a>
        
    </div>
    

</body>
</html>