ツール一覧

💡 記事の下にエディタを用意しています。壊してもOK!

更新日: 2025年3月1日

JavaScriptでinputの値を取得する方法|value

📌

結論

input.value で入力値を取得できます

📝 実際のコードはこちら
const val = document.getElementById('name-input').value;
console.log(val);

まとめ

input.value で現在の入力値を取得 ・フォーム処理の基本

演習で試してみよう

inputの値を取得してみましょう。

🧪 ここで試せます ─ 壊しても大丈夫!

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

idがnameのinputの値をconsole.logで出力してください。

詰まったらヒント

element.value

15pt

inputの値を取得

idがnameのinputの値をconsole.logで出力してください。

エラーをクリックで該当行をハイライト。✕=エラー ⚠=警告 ›=ログ。

ロードマップ · 全解説