js实现多行文本框统计剩余字数功能代码实例

web前端|js教程

javascript,字数,剩余

web前端-js教程

本文主要介绍了js实现多行文本框统计剩余字数功能的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

微信公众平台搜索电影的源码,武汉大学ubuntu源,爬虫新闻稿,php使用企业,seo建立站点lzw

效果图：

友情链接交易源码,vscode-go插件,ubuntu aapt源,监控tomcat无权限,sqlite数据库存储文件,b站付费视频能不能用爬虫,php 微信 图片 上传,南阳seo推广哪家好,慧谷动力企业网站,旅游 模板lzw

分段式全屏网页源码,ubuntu离线使用apt,河里出了水爬虫,php枪,墨子seo教程lzw

代码如下：

#area{width: 300px;height: 300px;resize:none; }你还可以输入:10个字

function sy() { var num=document.getElementById("area").value.length; //console.log(num); var sheng=10-num; if(sheng==0){ //变颜色为红色 console.log(sheng); document.getElementById("span").style.color="#ff0000"; }else{ //变颜色为黑色 document.getElementById("span").style.color="#000000"; } document.getElementById("span").innerHTML=sheng;}function fun(){ var txt=document.getElementById("area").value; //这么写的意思是申请abc三个值都为0 var a=b=c=0; for(var i=0;i="a"&&ch="A"&&ch="0"&&ch<="9"){ c++; } } //abc中分别统计了小写字母、大写字母、数字的个数 document.getElementById("p").innerHTML="大写字母有"+b+"个，小写字母有"+a+"个，数字有"+c+"个";}