
    <html lang="en">
      <head>
        <title>Home</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width" />
        <link rel="stylesheet" href="styles.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
      </head>
      <body>
        <div>
            <h1>Myritebook - Learning Tutorials</h1>
            <b>Search the table for Name, Location or Age:
            <input id="search" type="text" placeholder="Search here">
          </b>
            <br>
            <br>
            <table id="tab">
                <tr>
                    <th>Name</th>
                    <th>Location</th>
                    <th>Age</th>
                </tr>
                <tbody>
                    <tr>
                        <td>Ben Chen</td>
                        <td>China</td>
                        <td>41</td>
                    </tr>
                    <tr>
                        <td>Bob White</td>
                        <td>Canada</td>
                        <td>55</td>
                    </tr>
                    <tr>
                        <td>Carlo Silva</td>
                        <td>Italy</td>
                        <td>47</td>
                    </tr>
                    <tr>
                        <td>Clara Lee</td>
                        <td>South Korea</td>
                        <td>19</td>
                    </tr>
                    <tr>
                        <td>Elodie Nguyen</td>
                        <td>France</td>
                        <td>33</td>
                    </tr>
                    <tr>
                        <td>Jenny Miller</td>
                        <td>Australia</td>
                        <td>22</td>
                    </tr>
                    <tr>
                        <td>Julius Kaplan</td>
                        <td>Germany</td>
                        <td>37</td>
                    </tr>
                    <tr>
                        <td>Leena Ahmed</td>
                        <td>India</td>
                        <td>29</td>
                    </tr>
                    <tr>
                        <td>Maria Rodriguez</td>
                        <td>Mexico</td>
                        <td>24</td>
                    </tr>
                    <tr>
                        <td>Peter Jackson</td>
                        <td>South Africa</td>
                        <td>21</td>
                    </tr>
                </tbody>
            </table>
        </div>
       
        <script type="module" src="script.js"></script>
      </body>
    </html>