[js获取文本框的值]js实现多行文本框统计剩余字数功能

更新时间:2021-08-07    来源:js教程    手机版     字体:

【www.bbyears.com--js教程】

效果图:

代码如下:

 代码如下     js统计文本框剩余字数      #area{      width: 300px;      height: 300px;      resize:none;    }      你还可以输入:10个字      <scripttype="text/javascript">     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<="z"){           a++;         }else if(ch>="A"&&ch<="Z"){           b++;         }else if(ch>="0"&&ch<="9"){           c++;         }       }       //abc中分别统计了小写字母、大写字母、数字的个数       document.getElementById("div").innerHTML="大写字母有"+b+"个,小写字母有"+a+"个,数字有"+c+"个";     }  </script>


本文来源:http://www.bbyears.com/wangyezhizuo/134448.html

猜你感兴趣

热门标签

更多>>

本类排行