脚本运行后textarea丢失信息

Question

首先，我对客户端Web编程完全陌生。这是我正在使用的代码的简化版本。

在脚本的第一部分中，我用文本“为什么保留此文本”影响文本区域。当用户单击表单的提交按钮时，我尝试使用“某些其他文本\ n”更改文本区域。但是在脚本结束时，第一个文本总是返回，我不知道为什么。实际上，il看起来好像在GetRandomNumber()函数末尾正在重新加载页面。

<div>

    <form>

        Number of roll: <input type="number" id="numberOfRoll" value="1"><br>

        <input type="submit" value="Get random value" onclick="GetRandomNumber()">

    </form>

</div> 

<div>

    <textarea cols="80" rows=20 id="resultArea"></textarea>

</div>

<script>

    initResultArea();

    function initResultArea() {

        document.getElementById("resultArea").innerHTML="Why is this text staying";

    };

    function GetRandomNumber() {

        var output="SomeOtherText\n";

        document.getElementById("resultArea").innerHTML=output;

    };

</script>