Javascript 如果一个变量大于或等于另一个变量,如何更改文本颜色?
我正在编写一个小脚本,根据在文本框中键入时留下的可用字符的值来更改某些跨距文本的颜色 我有显示剩余字符数的计数器,但当剩余字符数大于或等于允许的最大字符数时,我似乎无法改变颜色 以下是我的javascript代码:Javascript 如果一个变量大于或等于另一个变量,如何更改文本颜色?,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,我正在编写一个小脚本,根据在文本框中键入时留下的可用字符的值来更改某些跨距文本的颜色 我有显示剩余字符数的计数器,但当剩余字符数大于或等于允许的最大字符数时,我似乎无法改变颜色 以下是我的javascript代码: $(document).ready(function(){ var maxChar = 300; $("textarea").keyup(function() { var length = $(this).val().length; var charCo
$(document).ready(function(){
var maxChar = 300;
$("textarea").keyup(function() {
var length = $(this).val().length;
var charCount = maxChar - length;
$("#charCount").text(charCount);
if (charCount >= maxChar) {
document.getElementById("charCount").style.color = "#ff3343";
}
})
});
文本框的HTML格式:
<div class="form-group col-12">
<label for="hostDesc">Description</label>
<textarea class="form-control" name="hostDesc" id="hostDesc" min="0" maxlength="300" data-ng-model="hostDesc" aria-describedby="descHelp" placeholder="Leave a description" rows="8" style="height: 150px" required></textarea>
<p class="text-small text-muted mb-0"><span id="charCount">300</span> characters remaining</p>
</div>
描述
剩余300个字符
您的=
方法错误:
$(文档).ready(函数(){
var maxChar=300;
$(“textarea”).keyup(函数(){
var length=$(this).val().length;
var charCount=maxChar-长度;
$(“#charCount”).text(charCount);
如果(charCount)想想你在做什么。你的charCount
就是你的maxChar-length
。当你打字的时候,你的charCount会越来越小……@Taplar Facepalm。谢谢!我最后把“charCount”换成了“length”,它使用的是同一个操作符。