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

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>