Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>List of authors</title>
- <link rel="stylesheet" href="styles.css" />
- </head>
- <body>
- <h1>Information About Authors</h1>
- <div class="filters">
- <div>
- <label for="name-search">Name: </label>
- <input type="text" id="name-search" />
- </div>
- <div>
- <label for="nationality-search">Nationality: </label>
- <select id="nationality-search">
- <option value="">All</option>
- </select>
- </div>
- <div>
- <label for="alive-search">Alive: </label>
- <input type="checkbox" id="alive-search" />
- </div>
- <div>
- <label for="year-search">Years Active: </label>
- <input type="number" id="year-search" placeholder="Enter year" />
- </div>
- <!-- <button id="search-authors">Search</button> -->
- </div>
- <div class="author-header-table">
- </div>
- <div id="author-container">
- </div>
- <div clas="clearFilters">
- <button id="clearFilters">Clear Filters</button>
- </div>
- <div id="biblio-modal" class="modal hidden">
- <div id="biblio-details-content">
- <h2 id="biblio-author-name"></h2>
- <button id="close-modal">Close</button>
- <div id="biblio-list"></div>
- </div>
- </div>
- <table id="authorsTable" class="table">
- <thead>
- <th>ID</th>
- <th>Name</th>
- <th>Birthdate</th>
- <th>Alive</th>
- </thead>
- <tbody></tbody>
- </table>
- <script src="script.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment