如何使HTML表单输入更改Javascript变量
[英]How to make a HTML form input change a Javascript variable
问题描述
我正在尝试开发一个神奇的八球应用程序作为我的第一个javascript和HTML项目之一。 我想要一个用户可以输入问题的表单，稍后可以在屏幕上显示“用户问：'问题'。 如果你可以帮助我，那将是非常好的，并提前感谢。 如果我的问题不清楚，请说明您不确定的内容，我会尝试解释。
再次感谢，
奥斯卡。
我已经尝试使用函数和值来获取信息，并且堆栈溢出也有类似的问题，但它们都没有工作/我正在寻找。 以下代码是我尝试过的。
// For the Javascript function getUserName() { var nameField = document.getElementById('nameField').value; var result = document.getElementById('result'); } document.write(result).value;
// For the HTML <script src="script.js"></script> <div class='wrapper'> <form id='nameForm'> <div class='form-uname'> <label id='nameLable' for='nameField'>Create a username:</label> <input id='nameField' type='text' maxlength='25'></input> </div> <div class='form-sub'> <button id='subButton' type='button'>Print your name!</button> </div> </form> <div> <p id='result'></p> </div> </div>
1 个解决方案
解决方案1
0 2019-05-03 17:39:20
这是一个解决方案。
我在表单中添加了一个事件监听器。 提交表单时，我从输入中获取值并将其用于结果。
<body>
<form id='nameForm'>
<div class='form-uname'>
<label id='nameLable' for='nameField'>Create a username:</label>
<input id='nameField' type='text' maxlength='25'></input>
</div>
<div class='form-sub'>
<button id='subButton' type='submit'>Print your name!</button>
</div>
</form>
<div>
<p id='result'></p></div>
</div>
</body>
<script>
let form = document.getElementById("nameForm")
form.addEventListener('submit', function(evt){
evt.preventDefault();
let username = document.getElementById("nameField").value
document.getElementById('result').innerHTML = username
})
</script>
如何从用户输入字段（在HTML中）更改JavaScript变量
[英]How to change a JavaScript variable from user input field (in HTML)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.