我的代码出了什么问题？ （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 _____________________ | 然后你按下右键2次，让我们说... | ___Ø___________________ | 这就是它的运作方式。您基本上按左按钮向左，向右按向右按。很简单，或者我认为。

Answer 1

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

http://jsfiddle.net/yn2283c3/

除了我为使jsfiddle工作所做的一些小改动（比如将jquery添加为库，因为jsfiddle中不允许使用document.write，并且喜欢使jquery处理click事件，并且像添加{{1在每个字符序列的末尾标记），它按照你描述的那样工作。

<br />