index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/index.html"></script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>InstantMemo Ver.1.0.0</title>
    <style>
        textarea {
    resize: auto;
    max-width: 1000px;
    max-height: 1300px;
    min-width: 1000px;
    min-height: 1300px;
    width: 1000px;
    height: 1300px
  }
    </style>
</head>
<body>
    <form>
        <textarea name="textarea" id="textarea" cols="" rows=""></textarea>
            <input type="reset" value="リセット">
            <!-- クッリクした際に、テキストエリア内の文字列をダウンロードさせたい -->
            <a href='javascript:download()' id="edit-btn">ダウンロード</a>

            <script>
                function download() {
                    // テキストエリア内の文字列を取得する
                    const text = document.getElementById('textarea').value;

                    // 取得した文字列をBlob形式に変換
                    let blobedText = new Blob([text], {type: 'text/plain' });

                    // BlobをURLに変換
                    let url = URL.createObjectURL(blobedText);

                    // ダウンロード可能なa要素を作成する
                    let link = document.createElement('a');
                    link.href = url;
                    link.download = 'memo.txt';
                    // 要素の追加
                    document.body.appendChild(link);

                    // linkをclickすることでダウンロードが完了
                    link.click();

                    // 「link」は不要な要素になるので、link要素を削除
                    link.parentNode.removeChild(link)
                }
</script>
    </form>
</body>
</html>
</head>