Javascript Post函数不会发布值

我试图用Javascript创建一个简单的后加法器。由于某种原因，它不会推动我的输入。我做错了什么？有没有更好的替代方法

let posts=[]；
函数sendPost（）{
让post=document.getElementById（“post”）.value；
document.getElementById（“postSender”）.innerHTML=（post）；
}

输入{
背景：浅灰色；
边界：无；
填充：10px；
边界半径：15px；
轮廓宽度：0；
}
：：占位符{
颜色：灰色；
}

你好

这行是错的 让post=document.getElementById（“post”）.value

应该是

---

让post=document.getElementById（“postSender”）.value

将

单击更改为
onClick
，并将innerHTML值更改为等于
让post


const posts=[]；
函数sendPost（）{
让HTML=''；
让post=document.getElementById（“post”）.value；
posts.push（post）；
职位.职位（职能（项目）{
HTML+=''+项目+''；
});
document.getElementById（“postSender”）.innerHTML=HTML；
}
输入{
背景：浅灰色；
边界：无；
填充：10px；
边界半径：15px；
轮廓宽度：0；
}
：：占位符{
颜色：灰色；
}

你好
更新@click to onclick和y create函数以获取HTML元素

以下是一种方法：


//获取te输入值的函数
函数getInputValue（）{
返回文档.getElementById（“post”）.value
}
//获取id为“postSender”的div的函数
函数getDivPostSender（）{
返回文档.getElementById（“postSender”）
}
函数sendPost（）{
//创建一个ne p标记元素
设pEl=document.createElement（'p'）
//将p标记附加到id为“postSender”的div
getDivPostSender（）.appendChild（pEl）
//更新p标记元素上的文本。
pEl.innerText=getInputValue（）
}
输入{
背景：浅灰色；
边界：无；
填充：10px；
边界半径：15px；
轮廓宽度：0；
}
：：占位符{
颜色：灰色；
}

提交
如果我抓取一个输入的值，怎么办？是的，我刚刚意识到了@click。。此外，是否可能，每当我单击“提交”时，它都会为每个帖子创建一个唯一的“postSender”div？@zyzbruh check updated snippet，基本上您可以将任何数组数据包装到任何标记并设置任何属性