JSFiddle - React, Tailwind, and code Playground

by Toni

HTML

<!doctype html>
<html>
<head>
</head>
<body>
	<a id="a" target="_blank">Download CSV (via btoa)</a>
	<script>
		var csv = "a,b,c\n1,2,3\n";
		var a = document.getElementById("a");
		a.href = "data:text/csv;base64," + btoa(csv);
	</script>
	<hr/>
	<a id="a2" download="Download.csv" type="text/csv">Download CSV (via Blob)</a>
	<script>
		var csv = "a,b,c\n1,2,3\n";
		var data = new Blob([csv]);
		var a2 = document.getElementById("a2");
		a2.href = URL.createObjectURL(data);
	</script>
  <hr />
  <a id="a3" download="data.json" type="application/json">Download JSON (via Blob)</a>
	<script>
		var json = {test: 1, toto: "oui", yo: ["non", "ok"]};
		var data3 = new Blob([JSON.stringify(json)], {type: "application/json"});
		var a3 = document.getElementById("a3");
		a3.href = URL.createObjectURL(data3);
	</script>
</body>
</html>