原生js小demo（判断还能输入多少字）

这是我第一次写博客，我就自我介绍一下吧。性别：男，17，正在学习web前端。这是老师布置的一个作业，做完后深有体会。虽然这是很基础的东西，但我相信我会越做越好。陌生人，希望你也是人生中的赢家。

先来写HTML结构

	<p>还能输入 <span id="count">30</span>/<span>30</span> 字</p>
	<textarea name="text" id="text" cols="30" rows="10" maxlength="30"></textarea>

这是的maxlength是为了限制文本域的长度

原理： 总长度 - 文本域当前的长度 = 还能输入的长度

很显然 适合这一操作的就是键盘事件了

不知道的同学请到菜鸟教程学习一下 点我直达

javascript代码

	<script>
      // 获取文本域的标签
      var text = document.getElementById('text');
      // 获取还能输入多少字的标签
      var count = document.getElementById('count');
      // 定义文本域最多能输入多少
      var max = 30;
      text.onkeyup=function() {
      	count.innerHTML = max - text.value.length;
      	if (text.value.length == 30) {
      		count.style.color = '#999';
      		count.innerHTML = 0;
      	}else {
      		count.style.color = 'red';
      	}
      }
	</script>

愿你的努力 配的上你的野心。