[英]How do I grab a value from an input in javascript?
how do i grab a value from an input element in javascript? 如何从javascript中的输入元素中获取值? For some reason my code is not executing. 由于某种原因,我的代码未执行。 This is my HTML code: 这是我的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;
} }
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>
<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>
I tried your code on the editor. 我在编辑器上尝试了您的代码。 It works fine. 工作正常。 But you must include your JS code inside a <script>
element. 但是您必须在<script>
元素中包含JS代码。 And put it in the bottom of the document. 并将其放在文档的底部。
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.