<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ファイルの保存</title>
</head>
<body>

<p>ファイルの保存</p>
<li>このページは, FireFox, Chrome, Opera用<br>
<textarea id="ta01">ここに記入してから, 保存してみましょう。</textarea>
<br>
<button id="btn01">ファイルの保存</button>


<a id="download" download="test.txt">ファイルの保存</button>
</body>
<script>
	var btn01 = document.getElementById("btn01");
	var ta01 = document.getElementById("ta01");
	btn01.addEventListener("click", sw, false);

function sw() {
	var saveData =[];
	saveData[0]= ta01.value;
	var blob = new Blob(saveData,{ type : "text/plain" });
	var a_element = document.querySelector("#download");
	a_element.href = window.URL.createObjectURL(blob);
}
	
</script>
</html>