time-clicked.html

<!DOCTYPE html>
<html>
    <head>
        <title>TIME CLICKED</title>
        <link rel="stylesheet" type="text/css" href="time-clicked-style.css">
    </head>
    <body>
        <div class="container">
            <h1>WELCOME</h1>        

            <div class="input-container">
                <input class="name-box" id="fname" type="text" name="fullName" placeholder="Enter Name"><br>
            </div>
            
            <div class="buttons-container">
                <button class="submit-btn" onclick="storeName()">Submit</button>
                <button class="hide-btn" onclick="hideTable()">Hide Data</button>
            </div>
            
            <!--Display is set to none here so that the style for this div doesn't show up before any action-->
            <div id = "enteredItems" class="table-container" style="display: none">
                <table id="tbl" border="1" class="table">
                    <caption id="caption"></caption>
                </table>
                <p id="message"></p>
            </div>

            <script src="time-clicked-js.js"></script>
        </div>
    </body>
</html>