计数字符文本区域和更改颜色计数

Question

我有简单的代码，它工作正常。此代码以 textarea 为单位计算字符数，结果以div 0、1、2 等显示。当计数的结果为 <100 字体颜色将为红色时，当计数结果为 100>时，我希望获得效果，将字体颜色更改为绿色。我该怎么做？

function countChar1(val) {
  var len = val.value.length;
  $('#charNum').text(0 + len);
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<textarea id="opis_siebie" type="text" rows="6" cols="15" name="opis_siebie" onkeyup="countChar1(this)"></textarea><br />
<div id="charNum" ">0</div>

Answer 1

您已经有了文本的长度，请添加 if 语句并相应地更改颜色

function countChar1(val) {
  var len = val.value.length;
  var color;
  $('#charNum').text(0 + len);
  color = len < 100 ? 'red' : 'green';
  $('#charNum').css({
    'color': color
  });
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<textarea id="opis_siebie" type="text" rows="6" cols="15" name="opis_siebie" onkeyup="countChar1(this)"></textarea><br />
<div id="charNum" ">0</div>