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で質問しましょう!
似たような質問が見つかりました
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- JavaScript HTMLとJavaScriptで作った表示して検索するWebアプリが正常に動かない 3 2024/01/05 17:48
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript JavaScriptで作ったアプリが正常に動作しない。改善したい。 3 2024/01/06 16:33
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- PHP php ログイン 1 2022/11/01 00:24
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
このQ&Aを見た人はこんなQ&Aも見ています
-
「どうして捨てられないの?」前妻の物を捨てられない男性の心理って?
前妻の物を捨てられない理由に加え、捨てるための手段はあるのかを専門家に聞いてみた!
-
Javascriptエラーの原因が分からない
JavaScript
-
Javascript で共通の処理をどこまでまとめるべきか分からないのでアドバイスお願い致します
JavaScript
-
javaScriptのコードの修正をお願いします。
JavaScript
-
-
4
PythonやJavaScriptのように実質的に数の桁数を無限に扱える言語と、全く無限に使えない言
JavaScript
-
5
PHPでこのコード自体に意味は無いんですけど、上のifと下のifの違いってなんですか?個人的には下の
PHP
-
6
ブラウザ自体の事じゃなくてJavaScriptで書かれたブラウザ上で動作するアプリのことをなんといい
JavaScript
-
7
プログラミングの課題がわからないので教えていただきたいです。特にサークル関数を定義した後に呼び出す方
C言語・C++・C#
-
8
過剰なオブジェクト指向脳からの脱却について
その他(プログラミング・Web制作)
-
9
プログラム言語について c言語もコードによって機械語に通訳されると知りました。直接機械が通訳しなくて
C言語・C++・C#
-
10
HTMLタグに複数のクラスを設定する方法がわからない
JavaScript
-
11
JavaScriptで作ったアプリが正常に動作しない。改善したい。
JavaScript
-
12
応用情報技術者試験の令和元年秋、午後のプログラムの問題がわからないです。
C言語・C++・C#
-
13
変数名をどのようにつけるのが良いかアドバイスお願い致します
JavaScript
-
14
プログラミング 学習
JavaScript
-
15
JavascriptのHTMLクラス表示について
JavaScript
-
16
システムエンジニアの適正について
C言語・C++・C#
-
17
プログラミング ソースコード
その他(プログラミング・Web制作)
-
18
楽しくて最高のプログラミング言語を作りたいのですが、そもそもプログラミング言語を作る意味なんてないと
その他(プログラミング・Web制作)
-
19
プログラミングのPythonのnotebookでこれの実行結果が上手く出ないのですがどうしてでしょう
その他(プログラミング・Web制作)
-
20
HTMLでサブフレームから親のスクリプトを実行する
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでシンセサイザーを作っ...
-
switch文のswitch(n)の部分を複...
-
セレクトボックスを2つ選択して...
-
①入力フォーム→②確認表示画面→③...
-
追加ボタンを押した際に ok ボ...
-
二次元配列の全要素の全要素を...
-
【GAS】WEBアプリでハイパーリ...
-
【Google Apps Script】「ライ...
-
プログラミング 学習
-
HTMLでサブフレームから親のス...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力フォームの javascript で ...
-
画像をボタンのようにフォーカ...
-
[onClick]ボタンを押すことで入...
-
パスワードをIPする際見えな...
-
JavaScript の 「showDialog」
-
親ページからインラインフレー...
-
JavaScript 超初心者です。 Doc...
-
JQueryのpostメソッドでファイ...
-
JavaScriptを使ったらサーブレ...
-
submit時に違うページに飛びたい
-
ダウンロードと同時に新しいペ...
-
チェックボックスをチェックし...
-
指定したデータを別ページフォ...
-
Mac(Safari)でのSendkyesコマン...
-
スマートフォンで自作javascri...
-
google翻訳 apiで pdfを翻訳す...
-
チェックボックスで、チェック...
-
検索結果画面の値の引継ぎとr...
-
商品ページのフォームのテキス...
-
a.href の href を有効か無効に...
おすすめ情報