JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">click me</a>

JavaScript

function exportToCsv() {
    var JSONdata = {
        mass: 1,
        waterMass: 2,
        bedTemp: 3,
        evapRate: 4
    };
    var data = [[JSONdata.mass, JSONdata.waterMass, JSONdata.bedTemp, JSONdata.evapRate]];
    var keys = ["Mass(kg)", "H2O Mass in Bed(kg)", "Bed Temperature(kg)", "Evaporation Rate"];

    var str;
    var orderedData = [];
    
    for(var i = 0; i < data.length; i++) {
        orderedData.push(data[i].join(','));
    }    

    str = keys.join(',') + '\r\n' + orderedData.join('\r\n');
    var uri = 'data:application/csv;charset=UTF-8,' + encodeURI(str);
    window.open(uri);
}

$(function () {
    $('a').on('click', function () {
        exportToCsv();
    });
});