- 締切済み
HTMLでテキスト入力し表示させる
HTMLでテキストボックスに文字を入力し、表示させたいのですがうまくできません。 見た目はできているようなのですが、文字が表示されない状態です。 コードを記載しますので、お手数をお掛けしますがご教授頂けますでしょうか。 <html> <head> <script> function add(){ document.getElementById("target").innerText = document.getElementById("name").value; target = document.getElementById("output"); document.write(target); } </script> </head> <body> <p>名前を入力してください</p> <input id="name" name="name" type="text" size="30" onkeydown="update_field();"> <br> <input type="button" onclick="add()" value="実行"> <form action="index.html" method="post"> <br> <input type="submit" name="exit" value="戻る"> </form> </body> </html>
- lacsuga
- お礼率0% (0/1)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- t_ohta
- ベストアンサー率38% (5253/13739)
add() 関数の最初に getElementById("target") をしていますが、『target』というIDのタグがHTML内に存在しないのでエラーになっています。 次の行でも getElementById("output") をしていますが、『output』というIDのタグがHTML内に存在しないのでエラーになります。 その次に document.write(target) をしていますが、document.write はその処理のある場所に出力するので、<head> タグ内に書き出されるためブラウザの表示領域には何も表示されません。
