javascript - 输入时更改计数器的颜色

Question

我正在尝试在文本区域中输入时进行字符计数。我有一个工作代码来获取计数。

代码如下

<script>
$(document).ready(function() {
    $('#Description').keyup( function(){
        var text_lengthDes = $('#Description').val().length;
        var text_leftDes = (250 - text_lengthDes);
        $('#Char_Count1').html(text_leftDes + ' Characters Left');
    });

});
</script>

它是从要显示计数的 div 调用的。

<div id ="Char_Count1"></div>

现在一切正常了。我希望它在超过计数时改变颜色，以便用户可以看到他/她输入了太多字符。

如果有人能帮忙那就太好了

Answer 1

简单完成:

<script>
$(document).ready(function() {
    $('#Description').keyup( function(){
        var text_lengthDes = $('#Description').val().length;
        var text_leftDes = (250 - text_lengthDes);
        var dHtml = (text_leftDes<0) ? '<span style = "color:red">' + text_leftDes + ' Characters left</span>' : text_leftDes + ' Characters left';
        $('#Char_Count1').html(dHtml);
    });

});
</script>