前端文本域怎样实现在每行后边动态显示这行的字数,求帮帮忙

前端文本域怎样实现在每行后边动态显示这行的字数,
这个是需求帮帮忙,谢谢大家了

img

<script>
    //获取文本域
    var text = document.getElementsByTagName('textarea')[0];
    //获取输出字数的容器
    var span = document.getElementsByTagName('span')[0];
    //当文本域变动统计文本域字数插入到指定位置
    text.oninput = function () {
        text.value.length ++;
        span.innerHTML = '输入了'+text.value.length+'字';
    }
</script>