Build a Book Catalog Table - Build a Book Catalog Table

HTML-CSS
1

Tell us what’s happening:

  1. The td element in your tfoot element’s row should have the text Total Books: [number of books in your table].

As you can see below, I have the exact wording as it was cut and pasted from the instructions.

Your code so far

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Book Catalog</title>
</head>

<body>
</body>
  <table>
    <thead>
      <tr>
        <th>Title</th>
        <th>Author</th>
        <th>Genre</th>
        <th>Publication Year</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Pages</td>
        <td>Year</td>
        <td>Category</td>
        <td>Hardcover</td>
      </tr>
      <tr>
        <td>Pages</td>
        <td>Year</td>
        <td>Category</td>
        <td>Hardcover</td>
      </tr>
      <tr>
        <td>Pages</td>
        <td>Year</td>
        <td>Category</td>
        <td>Hardcover</td>
      </tr>
      <tr>
        <td>Pages</td>
        <td>Year</td>
        <td>Category</td>
        <td>Hardcover</td>
      </tr>
      <tr>
        <td>Pages</td>
        <td>Year</td>
        <td>Category</td>
        <td>Hardcover</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td colspan="4">Total Books: [number of books in your table]</td>
      </tr>
    </tfoot>
  </table>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:142.0) Gecko/20100101 Firefox/142.0

Challenge Information:

Build a Book Catalog Table - Build a Book Catalog Table

https://www.freecodecamp.org/learn/full-stack-developer/lab-book-catalog-table/build-a-book-catalog-table

2

Hi @bkarlan

The row in your table footer element should have a table data element that spans four columns and has the text Total Books: N where N should be replaced by the number of books in your table.

Try replacing the placeholder text with the actual number of books in the table.

Happy coding

3

Thank you. That could have been better worded. That never occurred to me. I thought they wanted the exact wording and that’s what I gave them.

1 Like