Fatal编程技术网
  • javascript/
  • Javascript 为什么我的函数不返回用户输入的字符串

Javascript 为什么我的函数不返回用户输入的字符串

javascript html function variables

Javascript 为什么我的函数不返回用户输入的字符串,javascript,html,function,variables,Javascript,Html,Function,Variables,我试图让用户在页面上输入一个字符串或数字，点击submit并让console.log打印刚刚输入的字符串，但是尽管我尝试了很多，它还是不会打印 我是不是遗漏了什么？（抱歉缩进） 函数提交（）{ var test=document.getElementById（“用户输入”）； 返回控制台日志（测试）； } 如果您查看控制台，您会看到它记录了对元素的引用，而不是输入的值 这是因为变量test存储了对元素的引用 var test = document.getElementById("userInp

我试图让用户在页面上输入一个字符串或数字，点击submit并让console.log打印刚刚输入的字符串，但是尽管我尝试了很多，它还是不会打印

我是不是遗漏了什么？（抱歉缩进）


函数提交（）{
var test=document.getElementById（“用户输入”）；
返回控制台日志（测试）；
}
如果您查看控制台，您会看到它记录了对元素的引用，而不是输入的值

这是因为变量
test
存储了对元素的引用

var test = document.getElementById("userInput");
你需要

var test = document.getElementById("userInput").value;
如果您在控制台中查看，您将看到它正在记录对元素的引用，而不是在其中输入的值

这是因为变量
test
存储了对元素的引用

var test = document.getElementById("userInput");
你需要

var test = document.getElementById("userInput").value;
使用提交按钮的Onclick属性！并且输入的类型应该是按钮，以防止刷新

<form>
  <input id="userInput" type="text">
  <input type="button" onclick= "submit()">
</form>
使用提交按钮的Onclick属性！并且输入的类型应该是按钮，以防止刷新

<form>
  <input id="userInput" type="text">
  <input type="button" onclick= "submit()">
</form>
这段代码将给出您期望的结果。您不能返回console.log返回函数以获取值，也不能使用表单，以便它在此类情况下始终查找操作

函数提交（）{
var test=document.getElementById（“userInput”）.value；
控制台日志（测试）；
回归试验；
}

提交
此代码将给出您期望的结果。您不能返回console.log返回函数以获取值，也不能使用表单，以便它在此类情况下始终查找操作

函数提交（）{
var test=document.getElementById（“userInput”）.value；
控制台日志（测试）；
回归试验；
}

提交
你做错了几件事。只需阅读下面的代码，我留下了解释意见给你

<html>
<head>
<body>
<form>
  <input id="userInput" type="text">
  <button type="button" id="submitBtn" onclick="submit()">Submit</button> // ID - can't be used for submitting a function
</form>      
<script>
function submit() {
  var test = document.getElementById("userInput");
  alert(test.value); // console.log() - is like a void function and it can't be returned
}
</script>
</body>
</head>
</html>


Submit//ID-不能用于提交函数
函数提交（）{
var test=document.getElementById（“用户输入”）；
alert（test.value）；//console.log（）-类似于一个void函数，无法返回
}
你做错了几件事。只需阅读下面的代码，我留下了解释意见给你

<html>
<head>
<body>
<form>
  <input id="userInput" type="text">
  <button type="button" id="submitBtn" onclick="submit()">Submit</button> // ID - can't be used for submitting a function
</form>      
<script>
function submit() {
  var test = document.getElementById("userInput");
  alert(test.value); // console.log() - is like a void function and it can't be returned
}
</script>
</body>
</head>
</html>


Submit//ID-不能用于提交函数
函数提交（）{
var test=document.getElementById（“用户输入”）；
alert（test.value）；//console.log（）-类似于一个void函数，无法返回
}
请检查以下代码。我想这就是你想要的。问题是把这件事联系起来

<form>
    <input id="userInput" type="text">
    <input id="myBtn" type="submit">
</form>

<script>
document.getElementById("myBtn").addEventListener("click", function() {
 var test = document.getElementById("userInput");
 console.log(test);
 return false;
});
</script>


document.getElementById（“myBtn”）.addEventListener（“单击”，函数（）{
var test=document.getElementById（“用户输入”）；
控制台日志（测试）；
返回false；
});
请检查以下代码。我想这就是你想要的。问题是把这件事联系起来

<form>
    <input id="userInput" type="text">
    <input id="myBtn" type="submit">
</form>

<script>
document.getElementById("myBtn").addEventListener("click", function() {
 var test = document.getElementById("userInput");
 console.log(test);
 return false;
});
</script>


document.getElementById（“myBtn”）.addEventListener（“单击”，函数（）{
var test=document.getElementById（“用户输入”）；
控制台日志（测试）；
返回false；
});
console.log（）返回未定义。只需执行
returntest
即可，而且
test
将保存输入而不是文本。使用
test.innerText
console.log（）返回未定义。只需执行
returntest
即可，而且
test
将保存输入而不是文本。使用
test.innerText
惊人的是，似乎我所有的问题都是由，一旦我改变了它的工作原理。谢谢。@RyanKing，没有。表单应用于发送包含键入或选定数据的请求。如果您不想在提交表单后刷新页面，请将
event.preventDefault（）
放在提交函数中，或将
submit
属性替换为
按钮
。祝你好运令人惊讶的是，似乎我所有的问题都是由，一旦我改变了它的工作原理。谢谢。@RyanKing，没有。表单应用于发送包含键入或选定数据的请求。如果您不想在提交表单后刷新页面，请将
event.preventDefault（）
放在提交函数中，或将
submit
属性替换为
按钮
。祝你好运