プロフィール

学ぶパンダ

初心者向けにプログラミング学習や

就職・転職に向けた情報を発信

input(number)の値を取得する

対象のDOM操作の方法

DOM操作の基本として、

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

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

値の取得の方の違い

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

typeの違いとして、

<input type="text">
<input type="number">

この2つの「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);

初心者向けピックアップ

初心者にオススメ