JSFiddle - React, Tailwind, and code Playground

by Bilal AFSAR

HTML

<script>
    function exportData() {
        var data = '';
        for (var i=1;i<=2;i++) {
            var sep = '';
            for (var j=1;j<=4;j++) {
                data +=  sep + document.getElementById(i + '_' + j).value;
                sep = ',';
            }
            data += '\r\n';
        }
        var exportLink = document.createElement('a');
        exportLink.setAttribute('href', 'data:application/vnd.ms-excel;base64,' + window.btoa(data));
        //exportLink.appendChild(document.createTextNode('test.xls'));
        document.getElementById('results').appendChild(exportLink);
        
        exportLink.click();
    }
</script>

    <input type="number" id="1_1" value="2">,
    <input type="number" id="1_2" value="1">,
    <input type="number" id="1_3" value="4">,
    <input type="number" id="1_4" value="3">
    <br>
    <input type="number" id="2_1" value="1">,
    <input type="number" id="2_2" value="2">,
    <input type="number" id="2_3" value="3">,
    <input type="number" id="2_4" value="4">
    <br>
    <button onclick="exportData()">Export as CSV</button>
    <div id="results"></div>