Javascript 我正在创建一个类似社交媒体的网站,我需要让用户动态发布

Javascript 我正在创建一个类似社交媒体的网站,我需要让用户动态发布,javascript,html,dynamic,posting,Javascript,Html,Dynamic,Posting,代码应该使用js动态添加一个新的article元素。这是我的代码,但它不工作 一旦用户点击post按钮,js就会在页面上创建文章。 ` ` 供用户输入文章文本的html <article class="posts"> <img class="peopletofollowimg" src=Profile.jpg alt="View Profile Picture"> <textarea id="postin

代码应该使用js动态添加一个新的article元素。这是我的代码,但它不工作

一旦用户点击post按钮,js就会在页面上创建文章。 `

`

供用户输入文章文本的html

<article class="posts">
               <img class="peopletofollowimg" src=Profile.jpg alt="View Profile Picture">
                <textarea id="posting-area" rows="6" cols="90" placeholder="Share Your Thoughts!">
                </textarea>
                    <button onclick="createPost()" id="post-button">Post!</button>


            </article>

邮递

我发现您的代码存在许多问题。首先,您将p元素附加到id为myarticle的元素,但html代码段中不存在myarticle。你可能忘了

另外,
document.getElementByID(“过帐区域”).value()错误。它应该是
getElementById(“发布区域”).value()
。删除getElementByID中的大写字母D

最后,你需要改变路线

var p = document.createElement("p");
p = document.getElementById("posting-area").value;


这是一个有效的

除非您更具体,否则我们无法帮助您。什么不起作用?JavaScript控制台中显示了哪些错误?它正在工作,但每当我单击post时,它就会将新的div添加到旧的div中@罗贝特
var p = document.createElement("p");
p = document.getElementById("posting-area").value;
var p = document.createElement("p");
p.innerHTML = document.getElementById("posting-area").value;