curriculum/challenges/english/blocks/workshop-final-exams-table/66a9c14e3b34c719e34bae20.md
To add student data to the table, you will need to use the table row and table data elements.
The <dfn>table data</dfn> element, td, is used to create a cell in the table.
Here is an example of using the td element for a sports players table:
<tr>
<td>1</td>
<td>John Doe</td>
<td>USA</td>
</tr>
Inside your table body element, add a table row element, tr, with three table data elements, td.
The first table data element should contain the last name of Davis.
The second table data element should contain the first name of Alex.
The third table data element should contain the grade of 54.
You should have a tr element inside your tbody element.
assert.isNotNull(document.querySelector('tbody tr'));
You should have a td element with the text Davis inside the tr element.
assert.strictEqual(document.querySelector('tbody tr td')?.textContent.trim(), 'Davis');
You should have a td element with the text Alex inside the tr element.
assert.strictEqual(document.querySelectorAll('tbody tr td')[1]?.textContent.trim(), 'Alex');
You should have a td element with the text 54 inside the tr element.
assert.strictEqual(document.querySelectorAll('tbody tr td')[2]?.textContent.trim(), '54');
You should have all three of the td elements inside the tr element.
assert.match(code, /<tr>[\s\S]*<td>[\s\S]*<\/td>[\s\S]*<td>[\s\S]*<\/td>[\s\S]*<td>[\s\S]*<\/td>[\s\S]*<\/tr>/i);
<!DOCTYPE html>
<html lang="en">
<head>
<title>Calculus Final Exams Table</title>
<meta charset="UTF-8" />
</head>
<body>
<table>
<caption>
Calculus Final Exam Grades
</caption>
<thead>
<tr>
<th>Last Name</th>
<th>First Name</th>
<th>Grade</th>
</tr>
</thead>
<tbody>
--fcc-editable-region--
--fcc-editable-region--
</tbody>
</table>
</body>
</html>