javascript - jQuery:.append() + 用 <textarea> 中的随机数替换文本？

Question

简化介绍:我试图将文本附加到已经填充的元素，而不弄乱它，其中附加的文本也是每个页面加载的随机数。

第一个问题:我已经弄清楚如何在元素中附加文本，但我似乎无法弄清楚如何将附加文本更改为元素中的随机数。我已经想出了几种在标准元素或元素内执行此操作的方法，但根据我的理解，将元素附加到 a 无法正常工作。

HTML:

<textarea id="status">test https://twitter.com/test</textarea>

测试页面网址: https://twitter.com/intent/tweet?......

.Append() 使用的代码:

function callback() {
    $("#status").append(' aaa');
};
$(document).ready(function () {
    window.setTimeout(callback, 100);
});

第二个问题:所以我找到了更好的代码，我可以在不基于的情况下使用这些代码(在下面的链接中)，这可能是我寻求的最佳解决方案，但是它的功能在单击时运行，我希望每次加载页面时都运行它；将附加文本替换为随机数，而不是基于点击事件方法。

我希望发生什么:

<textarea id="status">test https://twitter.com/test 798</textarea>

脚注:不包括 "> … 798<"之间的随机数的文本被假定为随用户键入的内容随机。

The sandbox Fiddle with code

Answer 1

如果您只需将随机数附加到 textarea 中预先存在的文本，则以下代码将起作用:

<textarea id="test">Existing text</textarea>
<script>
    var minNumber = 100;
    var maxNumber = 999;

    $(function() {
        $("#test").append(" " + randomNumber(minNumber, maxNumber));
    });

    function randomNumber(min, max) {
        var number = (Math.floor(Math.random() * (max - min + 1) + min));
        return number;
    }
</script>

fiddle : https://jsfiddle.net/fzfmevhk/