微博输入,这节输入没正常运行

Original 2019-04-15 23:17:35 260
abstract:微博输入这节,代码感觉都跟老师的一样,就是点击发布按钮,不起作用没反应,希望老师帮忙看下哪里的问题,感谢。<html>    <head>        <meta charset="UTF-8">    

微博输入这节,代码感觉都跟老师的一样,就是点击发布按钮,不起作用没反应,希望老师帮忙看下哪里的问题,感谢。

<html>
    <head>
        <meta charset="UTF-8">
        <title>微博輸入</title>
        <style>
            body{
                font-size:12px;
            }
            .box{
                width:620px;height:160px;border:8px solid pink;margin:0px auto;padding:10px;
            }
            img{float:left;}
            .box1{
                float:left;margin-left:255px;width:150px;height:24px;text-align:right;font-size:14px;color:#888;
            }
            .box1 span{
                font-size:16px;font-weight:bold;
            }
            #text{
                width:600px;height:100px;border:1px sold #888;margin-top:5px;
            }
            .box #sp1,#sp2,#sp3,#sp4,#sp5,#sp6{float:left;width:30px;height:32px;line-height:32px;padding-left:26px;}
            #sp1{
                background:url(images/x.png)no-repeat left center;
            }
             #sp2{
                background:url(images/x.png)no-repeat left center;
            }
             #sp3{
                background:url(images/x.png)no-repeat left center;
            }
             #sp4{
                background:url(images/x.png)no-repeat left center;width:40px;
            }
             #sp5{
                background:url(images/x.png)no-repeat left center;width:40px;
            }
             #sp6{
                margin-left:160px;margin-right:15px;color:#888;
            }
            #bt{float:left;width:80px;height:30px;border:none;background:green;color:#fff;border-radiud:5px;}
        </style>
        <script>
            var text,number,m;
            window.onload=function(){
                text=document.getElementById('text');
                number=document.getElementById('number');
                 bt=document.getElementById('bt');
                 text.nokeyup=function aa(){
                     m=140-text.value.lenght;//微博限制字數140
                     if(m<0){
                         number.style.color="red";
                     }else{
                         number.style.color="#888";
                     }
                 }number.innerHTML=m
             }
           
            bt.onclick=function(){
                if(m==140){
                    alert("你還沒輸入");
                    text.focus();
                }else if(m<0){
                    alert("字數過多,超限");
                    text.focus();
                }else{
                    alert("發佈成功");
                   
                }
            }
           
            aa();
        }
            </script>
    </head>
    <body>
        <div class="box">
            <img src="images/12.jpg">
            <div>還可以輸入<span id="number"></span>字</div>
            <textarea id="text"></textarea>
            <span id="sp1">表情</span>
            <span id="sp2">圖片</span>
            <span id="sp3">視頻</span>
            <span id="sp4">話題</span>
            <span id="sp5">長微博</span>
            <span id="sp6">公開</span>
            <input type="button"value="發佈"id="bt">
        </div>
    </body>
</html>

Correcting teacher:查无此人Correction time:2019-04-16 09:20:32
Teacher's summary:繁体字? <input type="button"value="發佈"id="bt"> 这个 value 和 id,前面要有空格。课程都有文档的,可以下载,跟老师的对比下。

Release Notes

Popular Entries