JSFiddle - React, Tailwind, and code Playground

by ovfiddle

HTML

<textarea id="content">woo hoo! I'm going to be in a file!</textarea>
<p><a href="#" id="link" download="whatever.txt">download me</a></p>

JavaScript

$('#content').on('change', function(){
    var $this = $(this);
    //this is OK for our example code but should be throttled in production
    var _downloadUrl = URL.createObjectURL(new Blob([$this.val()] , {type:'text/plain'}));
    $('#link').attr('href', _downloadUrl);
    console.log(_downloadUrl);
}).change();