我的代码有什么问题？ (JavaScript)

Question

我正在用 JS 编码，我是一个初学者，我正在尝试制作一个游戏？ 我想你可以说。 无论如何，这是代码

<script>
    var FromStart = 0
    document.write("|");
    for (i = 0; i < FromStart; i++) {
    document.write("_");
    }
    document.write("O");
    for (i = 0; i < 30-FromStart; i++) {
    document.write("_");
    }
    document.write("|");

    function Left() {
      var FromStart += 1;
    document.write("|");
    for (i = 0; i < FromStart; i++) {
    document.write("_");
    }
    document.write("|");
    for (i = 0; i < 30-FromStart; i++) {
    document.write("_");
    }
    document.write("|");
    }


    function Right() {
    var FromStart += -1;
    document.write("|");
    for (i = 0; i < FromStart; i++) {
    document.write("_");
    }
    document.write("|");
    for (i = 0; i < 30-FromStart; i++) {
    document.write("_");
    }
    document.write("|");
    }

    </script><br>
    <button onclick="Left()">←</button>
    <button onclick="Right()">→</button>

此代码不起作用，我不知道为什么。 这是我想要的样子：

|_O_____________________| 然后你按两次右键，让我们说... |___O____________________| 所以这就是它的工作方式。 你基本上按左键向左走，右键向右走。 很简单，或者我认为是这样。

Answer 1

以下是我在 jsfiddle 中以可行形式发表的评论：

http://jsfiddle.net/yn2283c3/

除了我为使 jsfiddle 工作而进行的一些小更改（例如将 jquery 添加为库，因为 jsfiddle 中不允许使用 document.write，以及使单击事件由 jquery 处理，以及在以下位置添加<br />标签）每个字符序列的末尾），它按您的描述工作。

var FromStart = 0
document.write("|");
for (i = 0; i < FromStart; i++) {
    document.write("_");
}
document.write("O");
for (i = 0; i < 30-FromStart; i++) {
    document.write("_");
}
document.write("|<br />");

function Left() {
   FromStart += -1;
document.write("|");
for (i = 0; i < FromStart; i++) {
    document.write("_");
}
document.write("O");
for (i = 0; i < 30-FromStart; i++) {
    document.write("_");
}
document.write("|<br />");
}


function Right() {
FromStart += 1;
document.write("|");
for (i = 0; i < FromStart; i++) {
    document.write("_");
}
document.write("O");
for (i = 0; i < 30-FromStart; i++) {
    document.write("_");
}
document.write("|<br />");
}