Javascript Programming Tutorials, Guides & Best Practices

Here is the JavaScript code to achieve this:

// Select all export buttons
const exportButtons = document.querySelectorAll('.export-btn');

// Add event listener to each export button
exportButtons.forEach(button => {
    button.addEventListener('click', () => {
        // Get the parent row of the clicked button
        const row = button.closest('tr');

        // Get all cells in the row except the last one (which contains the export button)
        const cells = Array.from(row.querySelectorAll('td'));
        cells.pop(); // Remove the last cell (the button cell)

        // Extract the text content of each cell and wrap them in double quotes (CSV format)
        const cellValues = cells.map(cell => `"${cell.textContent}"`);

        // Create the CSV data by joining cell values with commas
        const csvData = cellValues.join(',');

        // Create a temporary anchor element for the download
        const anchor = document.createElement('a');
        anchor.href = 'data:text/csv;charset=utf-8,' + encodeURIComponent(csvData);
        anchor.download = 'row_data.csv';

        // Programmatically click the anchor to trigger the download
        anchor.click();
    });
});

console.log("Hello, world!");

JavaScript supports several data types:

These advanced topics are essential for developers looking to refine their skills and write more robust, maintainable code.

In addition to tutorials and guides, MDN provides an extensive reference section that documents every aspect of the JavaScript language, including:

const element = document.querySelector('img');
element.setAttribute('src', 'newImage.jpg'); // Using setAttribute
element.alt = 'A new image'; // Directly setting the alt attribute

Changing Styles: