是否可以将用户输入设置为变量？

Question

我想知道是否可以设置用户输入变量..

我的代码是：

<input id="userBlank" type="text" value="Click" onclick="userInput();"> 
<div id="userInput"></div> 

<script> 
function userInput(){ 
userInput.innerHTML = userBlank.value 
</script> 

所以基本上，我想我怎么能设置userInput.value作为一个变量，以便我可以用它来计算其他的东西。我试着把var放在前面，但它没有工作..

Answer 1

把你输入到一个表格中，并通过使用getElementById得到值！

<form id="form" onsubmit="return false;"> 
    <input id="userBlank" type="text" value="Click" onclick="userInput();"> 
</form> 
<script> 
function userInput(){ 
    var userInput = document.getElementById("userBlank").value; 
    alert(userInput); 
} 
</script> 

Answer 2

当你在一个元素使用的ID，使用的document.getElementById

<script> 
function userInput(){ 
    var myValue = document.getElementById('userBlank').value ; 
    document.getElementById('userInput').innerHTML = myValue ; 
} 
</script> 

Answer 3

如果你想使用的功能，那么你可以像这样

<form id="form" onsubmit="return false;"> 
    <input id="userBlank" type="text" value="Click" onclick="userInput();"> 
</form> 
<script> 
function userInput(){ 
    var userInputVar = document.getElementById("userBlank").val(); 
    console.log(userInputVar) 
    alert(userInputVar); 
} 
<script>