
JavaScript 超初心者です。
Document.writeがなぜか反映されません。何が間違ってるのでしょうか。助けてください、、↓
<!DOCTYPE html>
<html lang="en">
<head>
<Script Language = "JavaScript">
{//alert ("I am here");
fname= document.getElementById("fname").value;
document.write ("fname");
}
</Script>
<title>Customer Relationship Manager</title>
</head>
<body>
<Br>
<h3>Costomer Sending Form</h3>
<Br>
<form method = "post" Name ="input" onSubmit = "submit">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<Br><Br>
<center><input type="submit" value="submit"></center>
</form>
</body>
</html>
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
こんにちは
>Document.writeがなぜか反映されません
なさりたいことも書いてないので、提示されたソースに関してだけですが・・
ご提示のソースのままで実行しているのなら、まずは、ブラウザのコンソールを確認してみてください。(大抵のブラウザであれば F12キーで表示されます)
エラーが出ているはずと思います。
(どのようなエラー内容で、どこで発生しているかを認識することが、今後の理解に役立つはずです)
HTML(javascriptもですが)は原則として記述順に処理されてゆきます。
スクリプトの場合、エラーが発生するとその後の記述は実行されません。
ご提示の内容では、
>fname= document.getElementById("fname").value;
でエラーが発生するので、その後のスクリプトは実行されず、「反映されない」ということになっています。
(エラーの原因は、探している要素がまだ解釈されていないので、取得できないからです)
仮に、上記の1行を削除するなりコメントアウトしてみれば、次の
>document.write ("fname");
が実行されるようになり、「fname」という文字列が表示されます。
(質問者様の意図とは違う結果かも知れませんけれど・・)
ついでながら、ご質問内容には関係ありませんけれど・・
他の方の指摘にもありますが、記述が全体的に古いように思われます。
<center>タグは現在非推奨ですし、タグ名称の大文字小文字の混在も視認性が宜しいとは思えません。
ご質問の「document.write」も、使い方によっては新しい文書を作成することになってしまいますので、実際にはあまり使われることはないと思います。
また、
document.write ("fname");
と
document.write (fname);
の違いもきちんと認識なさっておいた方が良いでしょう。
ご丁寧にありがとうございます!
海外で英語で学んでいるので日本人の助けが必要でした( ; ; )一旦HTMLを学び直してみます!
No.2
- 回答日時:
何を参考に学んでるの?書き方が何もかも古すぎると思うのだが、こういうのはある程度理解してから学べばいいのでは?
No.1
- 回答日時:
writeは使わず、valueの値を代入する方法で入力できます。
<7行目>
frame = "frame";
https://www.javadrive.jp/javascript/form/index1. …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
今、見られている記事はコレ!
-
弁護士が解説!あなたの声を行政に届ける「パブリックコメント」制度のすべて
社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
-
なぜ批判コメントをするの?その心理と向き合い方をカウンセラーにきいた!
今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
ボタンを押したあとに画像を表...
-
ラジオボタンを複数選択したと...
-
鍵盤アプリで、スマホの画面に...
-
画面遷移を行わずに同一ページ...
-
jsで質問です。 formをsubmitし...
-
プログラムについて。
-
var exports = exports || {}; ...
-
clear機能を失わずにファイルア...
-
イラストレーター、縦中横のシ...
-
正規表現について質問です。条...
-
jsで、配列内の文章を改行する...
-
タグを教えてください。
-
2025年相性がいい人のサイトの...
-
CookieをWebStoeageに変える
-
Adobe acrobat proでフォームを...
-
Outlookのアカウントがあるとメ...
-
jqueryのselect2で検索欄の文字...
-
<tr>指定した表の行要素をボ...
-
食材の期限を管理するためにGAS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript 超初心者です。 Doc...
-
入力フォームの javascript で ...
-
親ページからインラインフレー...
-
画像をボタンのようにフォーカ...
-
submit時に違うページに飛びたい
-
指定したデータを別ページフォ...
-
[onClick]ボタンを押すことで入...
-
a.href の href を有効か無効に...
-
JQueryのpostメソッドでファイ...
-
パスワードをIPする際見えな...
-
JavaScript の 「showDialog」
-
商品ページのフォームのテキス...
-
ジャバスクリプトが動かない
-
ボタンにファイルリンクをつける
-
検索結果画面の値の引継ぎとr...
-
IE8で動くログイン画面が、Fire...
-
Mac(Safari)でのSendkyesコマン...
-
小数点の計算について
-
別サーバーから背景画像呼び出し
-
ボタンで、リンクを、別ウィン...
おすすめ情報