[JS]フォームに入力した値を取得する

学習したことのアウトプットとして

#フォームに入力した値をJavaScriptで取得する
###FormDataオブジェクト
FormDataとは、フォームに入力された値を取得できるオブジェクトのことです。
new FormData(フォームの要素);のように記述することでオブジェクトを生成し、引数にフォームの要素を渡すことで、そのフォームに入力された値を取得できます。

例

function post (){
  const submit = document.getElementById("submit");
  submit.addEventListener("click", () => {
    const form = document.getElementById("form");//フォームの要素を取得
    const formData = new FormData(form);//新たに生成したFormDataオブジェクトを変数formDataに格納している
  });
};

window.addEventListener('load', post);

要素の取得方法は↓
HTMLの要素を取得する方法

　
コメント機能などをJavaScriputで実装したい場合などに使えそうです！

※補足等ありましたらコメント頂けると幸いです。