我有简单的代码,它工作正常。此代码计算 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>
最佳答案
你已经有了文本的长度,添加一个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>
关于javascript - 计算字 rune 本区域并更改颜色计数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49969868/