Javascript 如何获取用户文本输入并将其呈现给页面上的元素？

所以我正在测试这个东西，我可以在文本输入中写一些东西，然后把它呈现到页面上。我有一个id为

用户文本的文本输入和一个id为
应用按钮的提交输入，以及一个目标
标记，该标记应该放在输入的位置。基本上，您可以在文本输入中键入条目并单击按钮，它应该呈现给目标。但这对我不起作用。这是我的密码


let userInput=document.querySelector（“#用户文本”）；
const applyButton=document.querySelector（“#应用按钮”）；
让userTarget=document.querySelector（“#用户目标”）；
applyButton.addEventListener（'单击'，（）=>{
userTarget.textContent=userInput.nodeValue；
});



您可以使用
userInput.value
从输入字段获取值。您的第一个
标记也未关闭





让userInput=document.querySelector（“#用户文本”）；
const applyButton=document.querySelector（“#应用按钮”）；
让userTarget=document.querySelector（“#用户目标”）；
applyButton.addEventListener（'单击'，（）=>{
userTarget.textContent=userInput.value；
});
您可以使用
userInput.value
从输入字段获取值。您的第一个
标记也未关闭





让userInput=document.querySelector（“#用户文本”）；
const applyButton=document.querySelector（“#应用按钮”）；
让userTarget=document.querySelector（“#用户目标”）；
applyButton.addEventListener（'单击'，（）=>{
userTarget.textContent=userInput.value；
});
当您执行单击功能时，“nodeValue”为空，这就是为什么您试图将值设置为html，但它不会出现在UI上





log（'called'）；
让userInput=document.querySelector（“#用户文本”）；
const applyButton=document.querySelector（“#应用按钮”）；
让userTarget=document.querySelector（“#用户目标”）；
applyButton.addEventListener（'单击'，（）=>{
userTarget.textContent=userInput.value；
});
当您执行单击功能时，“nodeValue”为空，这就是为什么您试图将值设置为html，但它不会出现在UI上





log（'called'）；
让userInput=document.querySelector（“#用户文本”）；
const applyButton=document.querySelector（“#应用按钮”）；
让userTarget=document.querySelector（“#用户目标”）；
applyButton.addEventListener（'单击'，（）=>{
userTarget.textContent=userInput.value；
});

let userInput=document.querySelector（“#用户文本”）；
const applyButton=document.querySelector（“#应用按钮”）；
让userTarget=document.querySelector（“#用户目标”）；
applyButton.addEventListener（'单击'，（）=>{
userTarget.innerHTML=userInput.value；
});




let userInput=document.querySelector（“#用户文本”）；
const applyButton=document.querySelector（“#应用按钮”）；
让userTarget=document.querySelector（“#用户目标”）；
applyButton.addEventListener（'单击'，（）=>{
userTarget.innerHTML=userInput.value；
});



非常感谢您！我也想知道如何保存输入，因为在我刷新页面后使用此代码，用户输入就消失了。非常感谢！我还想知道如何保存输入，因为在刷新页面后使用此代码，用户输入将消失。