如何從javascript輸入中獲取值？

Question

如何從javascript中的輸入元素中獲取值？ 由於某種原因，我的代碼未執行。 這是我的HTML代碼：

   <section id ="my-life" style="margin-left:39em;">

   <input class="jenny" placeholder="Your First Name"/> <br /><br />

   <button id="get">Subscribe</button>

   <br /><br />

  <div id ="whitelion">Thank You!</div>



    This is my javascript code:

   function buttonClicked() {
   var Niche = document.getElementsByClassName("jenny");
   var results = document.getElementById("whitelion");


   results.innerHTML = "Hello" + Niche[0].value;

}

Answer 1

 function buttonClicked() { var Niche = document.getElementsByClassName("jenny"); var results = document.getElementById("whitelion"); results.innerHTML = "Hello " + Niche[0].value; } 

 <input class="jenny" placeholder="Your First Name"/> <br /><br /> <button onclick='buttonClicked();'>Subscribe</button> <br /><br /> <div id ="whitelion">Thank You!</div> 

Answer 2

  <section id ="my-life" style="margin-left:39em;">

   <input class="jenny" placeholder="Your First Name"/> <br /><br />

   <button id="get">Subscribe</button>

   <br /><br />

  <div id ="whitelion">Thank You!</div>



<script>
   function buttonClicked() {
     var Niche = document.getElementsByClassName("jenny");
     var results = document.getElementById("whitelion");

     results.innerHTML = "Hello" + Niche[0].value;
   }

  document.getElementById('get').onclick = buttonClicked;

</script>

Answer 3

我在編輯器上嘗試了您的代碼。 工作正常。 但是您必須在<script>元素中包含JS代碼。 並將其放在文檔的底部。

 function buttonClicked() { var Niche = document.getElementsByClassName("jenny"); var results = document.getElementById("whitelion"); results.innerHTML = "Hello " + Niche[0].value; } 

 <section id ="my-life"> <input class="jenny" placeholder="Your First Name"/> <br /><br /> <button id="get" onclick="buttonClicked()">Subscribe</button> <br /><br /> <div id ="whitelion">Thank You!</div> <br/> </section>