Javascript 警报（）中显示的HTML输入

晚上好

我刚开始使用JQuery/Javascript，在接受输入并使内容显示在

警报（）中时遇到了一些问题

这就是我到目前为止写的-

$(function(){
var input = $('#input').val();

    alert(input);
});

HTML信息是

<input id="input" type="text" placeholder="Input here">



如果有人能告诉我们我出了什么问题，我们会非常感激的
问题是，当您加载页面时，您的代码将运行，您需要将代码绑定到按钮或
更改
、
键控
或其他内容

像这样

$(function() {
  $("#input").change(function() {
    var input = $('#input').val();

    console.log(input);
  })
});

演示更改事件


$（函数（）{
$（“#输入”）.change（函数（）{
var input=$（'#input'）.val（）；
控制台日志（输入）；
})
});
前面的答案解释了原因以及您可以做些什么。让我补充一下，您可能需要一些submit按钮，以便处理该输入值的代码只有在您单击该按钮后才能运行。在这种情况下，你可以这样做


const btn=document.querySelector（'button'）；
常量输入=document.querySelector（'input'）；
btn.addEventListener（'click'，事件=>{
警报（输入值）；
});

提交
如果您设置了一个值，这将不会输出到consoleWould work，但通常您会在该字段中等待用户输入目标是什么？您的代码很好，但您希望它做什么？