老师我问下我这个那里出问题了啊

老师我问下我这个那里出问题了啊

先后写了两次,都不行.

第一次:

<!DOCTYPE html>

<html>

    <head lang="en">

        <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"),

                span=document.getElementsByClassName("span")[0],

                blen=document.getElementsByClassName("b"),

                head=30;

            document.onkeyup=function(){

                var len=text.value.length;

                if(len>=0){

                    blen.innerHTML=head-len;

                }else{

                    span.innerHTML="你已经超出"+a+"字";

                }

            };

        </script>

    </body>

</html>


第二次

<!DOCTYPE html>

<html>

    <head lang="en">

        <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 text1=document.getElementsByClassName("span")[0],

                text2=document.getElementById("text"),

                text3=30;

            document.onkeyup=function(){

                var a=text3-text2.value.length;

                    if(a>=0){

                        text1.innerHTML="你还可以输入"+a+"字";

                    }else{

                        text1.innerHTML="你已经超出"+Math.abs(a)+"字";

                    }

            };

            

            

        </script>

    </body>

</html>



正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕粉 2020-06-08 19:07:49

同学你好,老师是以同学第二次的代码为基准修改的:

http://img1.sycdn.imooc.com//climg/5ede1bfa09f5a70c09910499.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

提问者 qq_慕丝1448851 2020-06-08 16:13:39

第一次那个if里面len>=0是粘贴后搞错了,<=30也是不行

  • 提问者 qq_慕丝1448851 #1
    第一次里面}else{ span.innerHTML="你已经超出"+a+"字"; } 中a是多次改数据记错了,改成}else{ span.innerHTML="你已经超出"+Math.abs(head-len)+"字"; }了
    2020-06-08 16:16:39
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师