nobodyplace/create_and_download.html

## create_and_download.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>JavaScriptでデータからCSVファイルを生成しダウンロードさせる</title>
<meta charset="utf-8">
</head>
<body>
<button type="button" onClick="createAndDownloadCsv()">CSVダウンロード</button>
<script>
function createAndDownloadCsv() {
    let records = [
        ['ID','商品名','価格'],
        [1, 'スパイスカレー', 1000],
        [2, 'おそうざい盛り合わせ', 1200]
    ];

    let bom = new Uint8Array([0xEF, 0xBB, 0xBF]);
    let data = records.map((record) => record.join('\t')).join('\r\n');
    let blob = new Blob([ bom, data ], { 'type' : 'text/csv' });

    let downloadLink = document.createElement('a');
    downloadLink.download = 'sample.csv';
    downloadLink.href = URL.createObjectURL(blob);
    downloadLink.dataset.downloadurl = ['text/plain', downloadLink.download, downloadLink.href].join(':');
    downloadLink.click();
}
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>JavaScriptでデータからCSVファイルを生成しダウンロードさせる</title>
	<meta charset="utf-8">
	</head>
	<body>
	<button type="button" onClick="createAndDownloadCsv()">CSVダウンロード</button>
	<script>
	function createAndDownloadCsv() {
	let records = [
	['ID','商品名','価格'],
	[1, 'スパイスカレー', 1000],
	[2, 'おそうざい盛り合わせ', 1200]
	];

	let bom = new Uint8Array([0xEF, 0xBB, 0xBF]);
	let data = records.map((record) => record.join('\t')).join('\r\n');
	let blob = new Blob([ bom, data ], { 'type' : 'text/csv' });

	let downloadLink = document.createElement('a');
	downloadLink.download = 'sample.csv';
	downloadLink.href = URL.createObjectURL(blob);
	downloadLink.dataset.downloadurl = ['text/plain', downloadLink.download, downloadLink.href].join(':');
	downloadLink.click();
	}
	</script>
	</body>
	</html>