Prompting user to save file using a 'Save-as' dialog?

Question

I currently have this code:

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

download('test.html', string);

The string contains a lot of html code that gets written in an .html file.
The above code is working perfectly: On a button click, the browser (chrome) automatically downloads an html file with the string content written in it.

Now, what I want to do is, instead of chrome downloading the file automatically, it should open a "save-as" dialog box and ask the user the location and name of the file, and then download it to that location.

A quick simple reply would be really appreciated.

Answer 1

My browser was set to automatically download all files in default location which is why not only this file but all other files from my browser were downloaded directly without the save prompt dialogue. Changing the settings in browser to 'always ask the download location' worked.