Javascript 为什么可以'；我不能得到输入的插入值吗？
我这里有一个输入，没有为设置默认值，我想Javascript 为什么可以'；我不能得到输入的插入值吗？,javascript,function,Javascript,Function,我这里有一个输入，没有为设置默认值，我想控制台。单击按钮时，记录输入的插入值，但每次单击按钮时，它都记录为空，而不是输入的插入值 我可能会错过什么 色盒创建者 请输入一种颜色： 创造 让value=document.getElementsByTagName（“输入”）.item（0）.value； //设valuePart=value.split（“，”）； document.querySelector（'button'）。onclick=function（）{ console.log（值
控制台。单击按钮时，记录输入的插入值，但每次单击按钮时，它都记录为空，而不是输入的插入值
我可能会错过什么
色盒创建者
请输入一种颜色：
创造
让value=document.getElementsByTagName（“输入”）.item（0）.value；
//设valuePart=value.split（“，”）；
document.querySelector（'button'）。onclick=function（）{
console.log（值）；
}
以下是正确的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Color Box Creator</title>
<style>
</style>
</head>
<body>
<label>Please enter a color :
<input type="text">
</label>
<br><br>
<button>CREATE</button>
<script>
//let value = document.getElementsByTagName("input").item(0).value ;
// let valuePart = value.split(",") ;
document.querySelector('button').onclick = function () {
let value = document.getElementsByTagName("input").item(0).value ;
console.log(value) ;
}
</script>
</body>
</html>
色盒创建者
请输入一种颜色：
创造
//让value=document.getElementsByTagName（“输入”）.item（0）.value；
//设valuePart=value.split（“，”）；
document.querySelector（'button'）。onclick=function（）{
让value=document.getElementsByTagName（“输入”）.item（0）.value；
console.log（值）；
}
在脚本中，变量值
是在开头分配的值，而不是在单击按钮时分配的值。将此代码移动到onclick
处理程序中
document.querySelector('button').onclick = function () {
let value = document.getElementsByTagName("input").item(0).value ;
console.log(value) ;
}
您需要在用户单击时获取值。您在代码中所做的只是获取一次值。这个变量不会改变。试试这个
色盒创建者
请输入一种颜色：
创造
//设valuePart=value.split（“，”）；
document.querySelector（'button'）。onclick=function（）{
让value=document.getElementsByTagName（“输入”）.item（0）.value；
console.log（值）；
}