如何在文本区域的第n个字符后自动添加一个点？

// 假设文本区域的id为textarea，要在第n个字符后添加一个点
var textarea = document.getElementById('textarea');
var n = 5; // 第n个字符

// 获取文本区域的内容
var content = textarea.value;

// 在第n个字符后插入一个点
var modifiedContent = content.slice(0, n) + '.' + content.slice(n);

// 更新文本区域的内容
textarea.value = modifiedContent;

<style>
    .textarea::after {
        content: ".";
    }
</style>

<textarea class="textarea"></textarea>