practice

　　　　

<html>
<meta charset="utf-8">

<style>
*:focus{outline:none;}
.ボックス{display:inline-block;
width:600px;
height:50px;
font-size:20px;
color:#000000;
padding:10px;
border:1px solid #123456;
border-radius:4px;
box-sizing:border-box;
background-color:#f8f8f8;
margin:10px;
line-height:2;}
.ボタン{display:block;
width:80px;
height:22px;
margin-left:10px;
padding:2px;
background:#456789;
border:1px solid #000000;
border-radius:4px;
color:#ffffff;
text-decoration:none;
text-align:center;}
.ボタン:hover{background-color:#123456;}
</style>

<input type="text"id="てきすとぼっくす"class="ボックス">
<br>
<a id="目印"href="#"download="記入内容.txt"onclick="だうんろーど()"class="ボタン">保存する</a>

<script>
function だうんろーど()
{let てきすとぼっくす=document.getElementById("てきすとぼっくす").value;
let ふぁいる=new Blob([てきすとぼっくす],
{"type":"text/plain"});
if(window.navigator.msSaveBlob)
{window.navigator.msSaveBlob(ふぁいる,"test.txt");
window.navigator.msSaveOrOpenBlob(ふぁいる,"test.txt");}
else
{document.getElementById("目印").href=window.URL.createObjectURL(ふぁいる);}}
</script>

</html>