Javascript変数がHTMLファイルに表示されません

Question

私のコードで何が間違っていますか？タイトルはのdiv banAdT内に表示されていません。

<form action="" method="post" enctype="multipart/form-data"> 
    <p> 
     Banner Ad Name :<br /> 
     <input type="text" name="bannerAdName" id="bannerAdName" /> 
    </p> 
    <p> 
     Your web page :<br /> 
     <input type="text" name="bannerAdWeb" id="bannerAdWeb" /> 
    </p> 
    <p> 
     Ad image :<br /> 
     <input type="file" name="bannerAdImage" id="bannerAdImage"/> 
    </p> 
    <p> 
     Title :<br /> 
     <input type="text" name="bannerAdTitle" id="bannerAdTitle" /> 
    </p> 
    <p> 
     Description :<br /> 
     <textarea name="bannerAdDesc" id="bannerAdDesc" ></textarea> 
    </p> 
    <div id="button"><input type="button" value="VIEW" onclick="return upload()"/></div> 

    <input type="hidden" value="POST" /> 
</form> 
<div id="popupContact"> 
     <a id="popupContactClose">x</a> 
     <div id="contactArea"> 
      <div id="banAdT"> 
       <script>document.write(document.getElementById("bannerAdTitle").value);</script> <!-- Displays nothing --> 
      </div> 
      <img src="" id="preview" width="120" height="120" /> 
     </div> 
    </div> 

Answer 1

スクリプトを実行すると、要素bannerAdTitleに値が設定されないためです。私はあなたが何をしようとして正確にわからないんだけど、あなたはおそらくbannerAdTitle入力にchangeイベントリスナーを取り付け、そこから値を書きたい：

document.getElementById("bannerAdTitle").onchange = function() { 
    document.getElementById("banAdT").innerHTML = this.value; 
} 

bannerAdTitleの値を書き込むことchangeイベントが発生するたびに、banAdT要素に追加されます。

Answer 2

document.writeは、ページのロードとして実行されますが、その時点であなたはbannerAdTitle値が与えられていない - INPUTは空です。