はじめに

入力フォームに入力した値を取得する方法を説明します。

結論

getElementById()とvalueプロパティを使うことで入力フォームの値を取得することができます。

まずは、getElementById()を使って入力フォームの要素を取得します。
その際、引数には取得したいid属性名を指定します。

let inputElm = document.getElementById('id属性名').value;

id属性の要素取得後、valueプロパティを使って入力フォームの値を取得します。

let inputVal = inputElm.value

console.log(inputVal);   // 入力フォームの内容が表示される。

ちなみに「getElementById(’id属性名’).value」というように、まとめて記述することもできます。