Javascript 在新页面上追加（或编译）追加文本？

我正在创建一个游戏，在这个游戏中，我希望最终获取附加到容器中的所有文本（将是段落），并在新页面上编译（或附加？）文本，以便将所附加的内容发布到新页面上。最好的编码方式是什么

My HTML作为空ul工作，并在项目上附加jQuery：

$("#form-one").on("submit", function (event) {
        var newStory = $("#playerInput").val();

        if(newStory.length > 0){  //Make sure if player typed in something, if not, none of the below code runs

            if (counter !== 0){   //When timer is running, add 

                $(".game-board").append("<li class = 'writing'>" + newStory + "</li>");     //Add on player input
            }

$（“#表格一”）。关于（“提交”，功能（事件）{
var newStory=$（“#playerInput”）.val（）；
如果（newStory.length>0）{//请确保播放机是否键入了某些内容，如果没有，则以下代码都不会运行
如果（计数器！==0）{//计时器运行时，添加
$（“.game board”）.append（“
”+newStory+“
”）；//添加玩家输入
}

那么问题出在哪里呢？如果可能的话，在@ArunPJohny创建一个演示，代码运行得很好。但正在寻找最好的方法。因此，应该将其迁移到codereview…@BhojendraNepal true，但如果不将其缩减到特定的“问题”，这将是一个更好的迁移候选者这是关于堆栈溢出的良好实践。关于CR，回答的精神是您可以对代码的任何方面进行注释。而且，…我不会按原样迁移。