JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <script>
            function exportCsv()
    {
      var history = "UID,MID,Topic,TimeStamp";
      
      window.webkitRequestFileSystem(window.TEMPORARY, 1024*1024, function(fs) {
        fs.root.getFile('history_tracker.csv', {create: true}, function(fileEntry) {
          fileEntry.createWriter(function(fileWriter) {
            var builder = new WebKitBlobBuilder();
            
            builder.append(history);
            
            var blob = builder.getBlob('text/plain');
            
            fileWriter.onwriteend = function() {
              window.open(fileEntry.toURL());
            };
            fileWriter.write(blob);
          }, errorHandler);
        }, errorHandler);
      }, errorHandler);
    }
    
    function errorHandler(e) {
      var msg = '';
      
      switch (e.code) {
        case FileError.QUOTA_EXCEEDED_ERR:
          msg = 'QUOTA_EXCEEDED_ERR';
          break;
            case FileError.NOT_FOUND_ERR:
          msg = 'NOT_FOUND_ERR';
          break;
            case FileError.SECURITY_ERR:
          msg = 'SECURITY_ERR';
          break;
            case FileError.INVALID_MODIFICATION_ERR:
          msg = 'INVALID_MODIFICATION_ERR';
          break;
            case FileError.INVALID_STATE_ERR:
          msg = 'INVALID_STATE_ERR';
          break;
            default:
          msg = 'Unknown Error';
          break;
            };
    }
        </script>
    </head>
    <body>
<span style="float:left;position:absolute; margin-top:50px;">
            <a onclick="Javascript:exportCsv();" href="Javascript:void(0);">Click to Export To CSV (Only for Google Chrome !!)</a>
          </span>
    </body>
</html>