计算字符textarea并更改颜色计数

时间:2018-04-22 19:25:18

标签: javascript jquery html

我有简单的代码,它工作正常。此代码计算textarea中的字符,结果显示在div 0,1,2等中。 我想在结果计数<&lt;时获得效果。 100字体颜色为红色,计数结果为&gt; 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>

1 个答案:

答案 0 :(得分:2)

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

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

  color = len < 100 ? 'red' : 'green';
  $('#charNum').css({
    'color': color
  });
};
&#13;
<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>
&#13;
&#13;
&#13;