　　← Contents

A
B
C
D
E

　　STUDY_html_006_E.html

html
css
JavaScript

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

<style>　　　　　スタイル　　　　　</style>

<script>　　　　　すくりぷと　　　　　</script>

<div><form style="margin-top:4px;"><input type="button"onclick="location.reload();"value="消去"></form>
<textarea id="文字列"cols="50"rows="10"></textarea>
<br>
<button onclick="save();">保存する</button>
<p>⇩<br><span style="font-size:14px;">Download</span></p>
</div>

</html>

<style>
p{font-size:40px;
margin-top:0px;}
div{position:absolute;
text-align:center;
margin:0 auto;
top:40px;
left:50%;
transform:translateX(-50%);}
textarea{font-size:20px;
background-color:#f8f8f8;}
button{font-size:12pt;
color:#007f6f;
margin:0 auto;
margin-top:20px;}
</style>

<script>
function save(){const 文字列=document.getElementById('文字列').value;
if(!文字列){return;}
const 保存=new Blob([文字列],{type:'text/plain'});
const たぐ=document.createElement('a');
たぐ.href=URL.createObjectURL(保存);
たぐ.download='書き込み.txt';
たぐ.click();};
</script>

　　sample_STUDY_html_006_E.pdf サンプル・ダウンロード