我想创建动态段落,因此我编写了以下代码。用户单击按钮后,应添加一个新的段落,该段落的innerText是用户的输入。但是我失败了,有人可以帮助我吗?
var input = document.querySelector(".input");
var btn = document.querySelector("button");
var body = document.querySelector("body");
btn.addEventListener('click', addParagraph);
function addParagraph() {
var childELes = body.children;
for (var p in childELes) {
if (p.tagName === "p")
p.remove();
}
if (input.value.trim() != "") {
var newPara = document.createElement("p");
newPara.innerText = input.value;
body.appendChild(newPara);
}
}
testinput:
add