getElementById возвращает undefines

Question

Я пытаюсь написать в div с помощью javascript. Он требует ввода от пользователя, и я хочу, чтобы он записывался в div. Ввод представляет собой html-код для виджета twitter. Он возвращает undefined, и я не понимаю, почему.

<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> 
     <div class="container"> 
     <!-- Example row of columns --> 
     <div class="row"> 
     <div class="col-md-4"> 
      <h2>Cheese</h2> 
      <p>A seriously awesome food</p> 
      <img data-src="holder.js/200x200" class="img-thumbnail" alt="200x200" style="width: 200px; height: 200px; position:relative; top:-10px;" src="Pictures/cheese.jpeg"/> 
      <p><a class="btn btn-default" href="cheese.html" role="button style-"position-top:10px;">Learn more »</a></p></div> 

     <div class="col-md-4"> 
      <h2>Reply</h2> 
      <p>Reply to a twitter tweet!</p> 
      <p><a class="btn btn-default" role="button" href="https://twitter.com/intent/tweet?">Reply</a></p> 
     </div> 
     <div class="col-md-4"> 
      <h2>Post</h2> 
      <button onclick="myFunction()">Enter Code</button> 
      **<script> 
      function myFunction(){ 
      var x; 
      var code=prompt("Please enter your html code."); 
      document.getElementById("test").innerHTML=x; 

      } 

      </script>** 
      <div id="test"> 

</div> 

      <p><a class="btn btn-default" href="http://getbootstrap.com/examples/jumbotron/#" role="button">View details »</a></p> 
     </div> 
     </div> 

Answer 1

Вы объявляете две переменные в функции: «х» и «код». Вы назначаете что-то одному, а затем используете другое.

 var x; 
     var code=prompt("Please enter your html code."); 
     document.getElementById("test").innerHTML=x; 

Таким образом, «x» никогда не определяется, а «код» никогда не используется.

Answer 2

Пожалуйста, поместите свои скрипты под div (id is 'test') или внутри функции window.onload, чтобы ваш dom был готов для вставки данных.

function myFunction(){ 
    var x; 
    var code=prompt("Please enter your html code."); 
    document.getElementById("test").innerHTML=x; 
}