JavaScript 超初心者です。 Document.writeがなぜか反映されません。何が間違っ

締切済

質問者：べいびーべるーが
質問日時：2024/05/02 08:00
回答数：3件

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>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

参考程度に

No.3

回答者： fujillin
回答日時：2024/05/02 13:03

こんにちは

＞Document.writeがなぜか反映されません
なさりたいことも書いてないので、提示されたソースに関してだけですが・・

ご提示のソースのままで実行しているのなら、まずは、ブラウザのコンソールを確認してみてください。（大抵のブラウザであれば F12キーで表示されます）
エラーが出ているはずと思います。
（どのようなエラー内容で、どこで発生しているかを認識することが、今後の理解に役立つはずです）

HTML（javascriptもですが）は原則として記述順に処理されてゆきます。
スクリプトの場合、エラーが発生するとその後の記述は実行されません。
ご提示の内容では、
　＞fname= document.getElementById("fname").value;
でエラーが発生するので、その後のスクリプトは実行されず、「反映されない」ということになっています。
（エラーの原因は、探している要素がまだ解釈されていないので、取得できないからです）
仮に、上記の1行を削除するなりコメントアウトしてみれば、次の
　＞document.write ("fname");
が実行されるようになり、「fname」という文字列が表示されます。
（質問者様の意図とは違う結果かも知れませんけれど・・）

ついでながら、ご質問内容には関係ありませんけれど・・
他の方の指摘にもありますが、記述が全体的に古いように思われます。
<center>タグは現在非推奨ですし、タグ名称の大文字小文字の混在も視認性が宜しいとは思えません。
ご質問の「document.write」も、使い方によっては新しい文書を作成することになってしまいますので、実際にはあまり使われることはないと思います。
また、
　document.write ("fname");
と
　document.write (fname);
の違いもきちんと認識なさっておいた方が良いでしょう。