我如何在最后发表的评论上方显示网站评论

时间:2019-04-26 13:03:08

标签: html

嗨,我的网站上有一个评论框, 每次我发表评论时,都会在最后评论下方发布 我的问题是:如何在旧评论的基础上放置新评论。

网站:kru.run

这是我的完整代码,

cdkDragRootElement

专门 我认为插入功能是问题 我可以使用什么来代替推送?

<textarea id="title1" type="text " rows="1" cols="15" onkeyup="Allow()" placeholder="username"></textarea>
<textarea id="title" type="text " rows="3" cols="125" onkeyup="Allow()" placeholder="write a comment..."></textarea>
<input type="submit" value="Send" onclick="insert()" style="width:50px;" /></form>
</div>
<div id="display"></div>
<script type="text/javascript">
    var titles = [];
    var titleInput = document.getElementById("title");
    var titleInput1 = document.getElementById("title1");
    var messageBox = document.getElementById("display");

    function Allow() {
        if (!user.title.value.match(/[a-zA-Z]$/) && user.title.value != "") {
            user.title.value = "";
            alert("Please Enter only alphabets");
        }
        window.location.reload()
    }

    function insert() {
        titles.push(titleInput1.value + ": " + titleInput.value);
        clearAndShow();
    }

    function clearAndShow() {
        titleInput.value = "";
        messageBox.innerHTML = "";
        messageBox.innerHTML += " " + titles.join("<br/> ") + "<br/>";
    }
</script>
</div>
</div>
</div>
<br><br>

1 个答案:

答案 0 :(得分:1)

尝试:

function insert () {
titles.unshift(titleInput1.value + ": " + titleInput.value);
clearAndShow();
}

要插入为第一项。