麻烦老师帮忙检查并且优化一下代码,谢谢

来源:4-5 编程练习

慕粉2243585596

2020-05-15 22:02:27

<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">
    <title>输入文本</title>
</head>
<body>
<p>字数限制在30字内,<span>您还可以输入<b>30</b> 字</span></p>
<textarea cols="50"  rows="7"  id="text"></textarea>
<script type="text/javascript">
//补充代码
var input=document.getElementById("text"),
    num=document.getElementsByTagName("b")[0]
    tips=document.getElementsByTagName("span")[0];
input.onkeyup=function(){
    var inputlenght=this.value.length;
    var blength=30-inputlenght;
    if(blength<0){
        tips.innerHTML="您已超出<b>"+Math.abs(blength)+"</b>字"
    }else{
        tips.innerHTML="您还可以输入<b>"+blength+"</b>字";
    }
}

</script>
</body>
</html>


写回答

1回答

好帮手慕慕子

2020-05-16

同学你好,效果实现的很棒,代码也很简洁,不用再优化了,祝学习愉快~

0

0 学习 · 40143 问题

查看课程