inputタグに入力した値を取得し、alertdeで表示したい。

テキストボックスに入力した文字をアラートで表示したいのですが動きません。
ご教授いただきたいです。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>値の取得</title> <link rel="stylesheet" type="text/css" href="base.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(function(){ // ここに処理を記述 ("#button").on("click",function(){ alart(from.text.value); });

});
</script>

</head> <body> <input type="text" id="value"> <input type="button" id="button" value="ボタン"

</body> </html>

行動規範の内容に同意します

回答2件

ブラウザの開発者ツールのコンソールにエラーが出てますよね。エラーは重要な情報なので、ぜひエラーから原因を探ってください。

("#button")

$("#button") でしょうか。

alart(from.text.value);

唐突に出てくる from.text というのがエラーになるはずです。alert($('#value').val()); でしょうか。

個人的には、初学者はjQueryは使うべきではないと思ってます。覚えないといけないことが増大するので。

投稿2021/11/10 08:15

int32_t

総合スコア21695

ho_

2021/11/10 08:32

ありがとうございます！動きました！勉強始めたばかりなので参考にしてみます。ありがとうございます。

行動規範の内容に同意します

ケアレスミスだと思います。

javascript
1$(function(){
2  $("#button").on("click",function(){
3    alert($('#value').val());
4  });
5});

投稿2021/11/10 08:14

yambejp

総合スコア116724

ho_

2021/11/10 08:32

ありがとうございます！動きました！ちなみにalert($('#value').val());の.valの部分が分からなくてもしよろしければ教えていただいてもよろしいでしょうか？

yambejp

2021/11/10 08:38

$('#value').val()＝「value」というidが付加されたHTML要素からvalueプロパティを参照します（厳密にいうと初期値はvalue属性、入力後は入力データ）それをalert()で表示しています

ho_

2021/11/10 08:45

教えて頂きありがとうございます！勉強始めたばかりで分からないことだらけだったのですごく助かりました。ありがとうございます。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

inputタグに入力した値を取得し、alertdeで表示したい。

関連した質問