麻烦老师检查一下,谢谢

来源:4-5 编程练习

Ever__

2019-07-31 02:24:20

<!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 text=document.getElementById("text");

            var totol=30;

            var count=document.getElementsByTagName("b")[0];


           document.onkeyup=function(){

                var len=text.value.length;

                var allow=totol-len;

                if(len<=30){

                count.innerHTML=allow;

                }

                else{

                    var newspan=document.getElementsByTagName("span")[0];

                    newspan.innerHTML="您已超出"+(-allow)+"字";

                }

            }

            


        </script>

    </body>

</html>


写回答

1回答

好帮手慕星星

2019-07-31

同学你好,

当内容进行回删小于30字的时候,提示文字没有改变:

http://img.mukewang.com/climg/5d4105ec000190ee04260179.jpg

可以修改为:

http://img.mukewang.com/climg/5d41064a0001d5da07120493.jpg

祝学习愉快!

0

0 学习 · 40143 问题

查看课程