index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Stack Implementation</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <div class="container">
        <h1>Stack Implementation using Javascript Local Storage</h1>
        <div class="push">
            <h2>For Push</h2>
            <input type="text" id="pushing" placeholder="Type string to push">
            <button id="submitPush" type="submit">Submit</button>
            <br>
            <p id="pushmsg"></p>
        </div>
        <div class="pop">
            <h2>For Pop</h2>
            <button id="submitPop" type="submit">Pop From Stack</button>
            <br>
            <p id="popmsg"></p>
        </div>
        <div class="display">
            <h2>Display</h2>
            <button id="submitDisplay">Display your Stack</button>
        </div>
        <br>
        <p id="show"></p>
    </div>
    <script defer src="./js/app.js"></script>
</body>
</html>