input(number)の値を取得する

対象のDOM操作の方法

DOM操作の基本として、

対象の要素の取得方法については、

３パターンあるので、以下を参考にしましょう。

【基本を押さえる_05】DOM操作

値の取得の方の違い

inputタグから値を取得する方法として、

typeの違いとして、

<input type="text">

<input type="number">

この２つの「text」と「number」では、

値の取得方法が違います。

input（text）の場合は、

textContent

を使って取得しますが、

input（number）では、

value

を使って取得するという違いがあります。

このinput（number）での値の取得方法は、

以下のサンプルを参考にしてみましょう。

サンプル

input(number)の値の取得

// DOMを取得
let sample = document.querySelector('input');

// 文字列を取得
let val = sample.value;

// コンソールに表示
console.log(val);