質問: 自身でも調べてみましたが、inputタグを使ってファイルを読み込む方法についての記述しか見つけられず、困っております。 キーワードレベルで「この関数使ってみたら?」といったものでも構いませんのでご教示お願いいたします。 ### やりたいこと 1. 同じフォルダのテキストファイルをJavaScriptで読み込む。(相対パスで指定して読み込むみたいなことがしたいです) 2. 読み込んだ内容をパースして画面のテキストエリアに出力する。 3. 画面側ではテキストエリアに文字を入力(編集)し、画面側のボタンを押下する。 4. 3.で画面のボタン押下→クリックイベントでテキストエリアに入力された文字を読み込み、 その内容を1.で読み込んだテキストファイルに書き込む。 ### 質問したいこと ・そもそも上記の「やりたいこと」で記載したことは実現可能か ・実現可能であればどのようなJavaScriptの関数を利用すればよいのか (特にファイルの読み込みと書き込みを行う1.と4.について教えていただきたいです。) ### 利用技術 ・HTML ・JavaScript ### 補足 ・基本的にブラウザのバージョンや種類は気にしていません。 ・jQueryを使わないpureなJavaScriptで記載したいです。
回答: プロジェクト全体を**サーバに置く**(あるいはローカルサーバを動かす)場合、ふつうに`XMLHTTPRequest`や`fetch`を使ってファイルを取得する、いわゆるAjaxです。 > > 基本的にブラウザのバージョンや種類は気にしていません。 > > > 一方で、HTMLとテキストを**ファイルとして置いておく**場合、ブラウザによって動かせるかどうかや動かし方が違ってきます(Qiita)。Chromeの場合、「引数付きでChromeを起動する」という一般的でない操作が必要になることもあります。