Javascript 选择文本并在for循环中替换

我很难解决这个问题。我需要用方形表情符号创建一个网格。11个正方形，68排。这是我创造的。现在，我的问题是将目标对准特定行中的一个正方形和该行中的位置，并将其替换为不同的表情符号。emoji生成器是一个textarea元素。我试着附加它，这似乎起到了作用。但我需要用不同的表情符号替换正方形，而不是将其添加到行中。每行只能有11个字符。最好的方法是什么

var SQUARE_EMOJI = '\u25FB\uFE0F ';
var DROPLET_EMOJI = '\ud83d\udca7';

function reset() {
    for (var i = 1; i<=68; i++) {
        for(var y = 0; y <11; y++) {
            $('.emoji-generator').append(SQUARE_EMOJI);
            if (i == 6 && y == 5 ) {
                $('.emoji-generator')[y].append(DROPLET_EMOJI);
            }
        }
        $('.emoji-generator').append('\r\n');
    }
};

var SQUARE_EMOJI='\u25FB\uFE0F'；
var DROPLET_EMOJI='\ud83d\udca7'；
函数重置（）{
对于（var i=1；i
textarea
元素内容不受指定用于插入节点的
append
方法操作。相反，您应该使用
val
方法设置其内容。为了提高性能，最好在函数结束时只执行一次：

var SQUARE_EMOJI = '\u25FB\uFE0F ';
var DROPLET_EMOJI = '\ud83d\udca7';

function reset() {
    var content = '';
    for (var i = 1; i<=68; i++) {
        for(var y = 0; y <11; y++) {
            if (i == 6 && y == 5 ) {
                content += DROPLET_EMOJI;
            } else {
                content += SQUARE_EMOJI;
            }
        }
        content += '\n';
    }
    $('.emoji-generator').val(content);
};

var SQUARE_EMOJI='\u25FB\uFE0F'；
var DROPLET_EMOJI='\ud83d\udca7'；
函数重置（）{
var内容=“”；
对于（var i=1；i
textarea
元素内容不受指定用于插入节点的
append
方法操作。相反，您应该使用
val
方法设置其内容。为了提高性能，最好在函数结束时只执行一次：

var SQUARE_EMOJI = '\u25FB\uFE0F ';
var DROPLET_EMOJI = '\ud83d\udca7';

function reset() {
    var content = '';
    for (var i = 1; i<=68; i++) {
        for(var y = 0; y <11; y++) {
            if (i == 6 && y == 5 ) {
                content += DROPLET_EMOJI;
            } else {
                content += SQUARE_EMOJI;
            }
        }
        content += '\n';
    }
    $('.emoji-generator').val(content);
};

var SQUARE_EMOJI='\u25FB\uFE0F'；
var DROPLET_EMOJI='\ud83d\udca7'；
函数重置（）{
var内容=“”；
对于（var i=1；i