javascript（十二）函数事件练习

练习1

创建文本域，在文本域下方显示输入的字符数，如果大于20个字符则数字变红，否则数字为蓝色。

<textarea name="n1" value="" rows="10" cols="20" onkeyup="aa()"></textarea>
<div>0</div>
<script type="text/javascript">
   function aa(){
   var a= document.getElementsByName("n1")[0];
   var b=a.value.length;
   var c=document.getElementsByTagName("div")[0];
   c.innerText=b;
   if(b>=20){
       a.style="color:red";
       c.style="color:red";
   }else{
       a.style="color:blue";
       c.style="color:blue";
   }
}
</script>

练习2

创建复选框个人爱好，（全选、篮球、跑步、购物、看电影、游泳、旅行），点击全选则全部选中。

    <input type="checkbox" name="q" onclick="aa()" value