Generating a txt file using browser

index.html

<script type="text/javascript">
    function downloadFile() {
        var filename = document.getElementById("filename-input").value;
        var text = document.getElementById("text").value;
        console.log("filename:");
        console.log(filename);
        console.log("text:");
        console.log(text);
        var blob = new Blob([text], {type: "text/plain"});
        var url = window.URL.createObjectURL(blob);
        document.getElementById("download-link").href = url;
        document.getElementById("download-link").download = filename;
    }
</script>

<p>
    Filename: <input type="text" id="filename-input" value="filename-here.txt">
</p>
<p>
    <textarea id="text">Input something...</textarea>
</p>
<p><a href=# id="download-link" onclick="downloadFile();">Click to download</a></p>