javascript - 描画直後にページを更新 (x3Dom)

Question

「円錐を追加」ボタンで円錐を描画したいのですが、以下のコードは、円錐が描画された直後にブラウザを更新するようです。私が望むのは、ボタンがクリックされるたびに、リフレッシュせずにページがコーンページにとどまるようにすることです。どんな助けでも大歓迎です。

    <script>
      function addCone() {
        var scene = document.getElementsByTagName("scene")[0];

        var cone = document.createElement("cone");
        var shape = document.createElement("shape");
        var appearance = document.createElement("appearance");
        var material = document.createElement("material");

        appearance.appendChild(material);
        shape.appendChild(appearance);
        shape.appendChild(cone);
        scene.appendChild(shape);
        return true;
      }
    </script>


    <div id="content">
      <form>
        <button onclick="addCone()">Add Cone</button>
      </form>
    </div>