Save a text file locally with a filename, by triggering a download in JavaScript

save-file-local.js

/*
* Save a text file locally with a filename by triggering a download
*/

var text = "hello world",
    blob = new Blob([text], { type: 'text/plain' }),
    anchor = document.createElement('a');

anchor.download = "hello.txt";
anchor.href = (window.webkitURL || window.URL).createObjectURL(blob);
anchor.dataset.downloadurl = ['text/plain', anchor.download, anchor.href].join(':');
anchor.click();

does not work for me....

but this worked:

function download(filename, text) {
  var element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  element.setAttribute('download', filename);

  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
}

// Start file download.
download("hello.txt","This is the content of my file :)");

Great! It worked with Google Chrome 78.0.3904.97.
Thank you so much!

Also, browsers might block subsequent downloads because of security.
A solution is to probably stick with manually downloading through the element appended somewhere.

function appendDownloadableText(filename, string) {
    const data = new Blob([string]);
    const url = URL.createObjectURL(data);
    const a = document.createElement('a');

    a.href = url;
    a.download = filename;
    a.textContent = filename;
    document.body.appendChild(a);
}