Javascript 使用createTextNode方法追加用户输入的文本

现在，我正试图找出如何根据用户在输入文本字段中输入的内容将创建的文本附加到创建的p元素。 如果在createTextElement方法之后设置文本，则单击该按钮时，文本显示良好。但我想要的是：用户在输入字段中输入文本，然后单击按钮，文本get被添加到div标记的末尾，id为“mydiv”。感谢您的帮助

HTML:

您需要将参数应用于

createTextNode

函数

您需要读取输入字段的值，以便查看文本

因为每次单击都会引用mydiv，所以我认为将mydiv变量移动到父范围将更适合您

var $ = function (id) {
  return document.getElementById(id)
}
let mydiv = $('mydiv');
$("showresponse").addEventListener('click', feelings);

function feelings() {
  let textInput = $('myresponse').value;
  var mypara = document.createElement("p");
  var myText = document.createTextNode(textInput);
  mypara.setAttribute("id", "displayedresponse");
  mypara.appendChild(myText);
  mydiv.appendChild(mypara);
 $("displayedresponse").appendChild(myText);
}

您需要将参数应用于

createTextNode

函数

您需要读取输入字段的值，以便查看文本

因为每次单击都会引用mydiv，所以我认为将mydiv变量移动到父范围将更适合您

var $ = function (id) {
  return document.getElementById(id)
}
let mydiv = $('mydiv');
$("showresponse").addEventListener('click', feelings);

function feelings() {
  let textInput = $('myresponse').value;
  var mypara = document.createElement("p");
  var myText = document.createTextNode(textInput);
  mypara.setAttribute("id", "displayedresponse");
  mypara.appendChild(myText);
  mydiv.appendChild(mypara);
 $("displayedresponse").appendChild(myText);
}

---

非常乐于助人，工作很好。我赞成你的答案。非常感谢。很高兴我能帮上忙：）非常乐于助人，工作得很好。我赞成你的答案。非常感谢。很高兴我能帮忙：）

var $ = function (id) {
  return document.getElementById(id)
}
let mydiv = $('mydiv');
$("showresponse").addEventListener('click', feelings);

function feelings() {
  let textInput = $('myresponse').value;
  var mypara = document.createElement("p");
  var myText = document.createTextNode(textInput);
  mypara.setAttribute("id", "displayedresponse");
  mypara.appendChild(myText);
  mydiv.appendChild(mypara);
 $("displayedresponse").appendChild(myText);
}