Javascript Programming Tutorials, Guides & Best Practices

<table>
    <tr>
        <td>Apple</td>
        <td>Banana</td>
        <td>Cherry</td>
        <td><a class="export-btn">Export</a></td>
    </tr>
    <tr>
        <td>Dog</td>
        <td>Cat</td>
        <td>Bird</td>
        <td><a class="export-btn">Export</a></td>
    </tr>
</table>

• Each row (<tr>) contains three data cells (<td>), followed by an "Export" button that will trigger the export action.
• The button has a class of export-btn, which we will use to attach event listeners.

With the Fetch API:

• The fetch() method returns a Promise that resolves to the Response object representing the entire HTTP response.
• We check if the response is successful and then parse it as JSON.
• Any errors during the request are caught and logged.