检查一下代码

来源:4-5 编程练习

weixin_慕的地5241954

2019-09-01 22:03:38

<!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.getElementsByTagName("span")[0],
b=document.getElementsByTagName("b")[0],
total=30;
//console.log(span)
document.onkeyup=function(){
var len=text.value.length;
//console.log(len)
var allow=total-len;
//b.innerHtml=allow;  这里html是全部大写
b.innerHTML=allow;
console.log(allow)
if(allow<0){
span.innerHTML="您已超出"+(len-total)+"字";
}
}
        </script>
    </body>
</html>

上面的字数提示超出30个字以后,除了刷新页面该如何还原?

写回答

1回答

好帮手慕夭夭

2019-09-02

你好同学,加一个else,当输入内容超出,然后进行回删的时候,如果内容没有超出,恢复以前的内容。参考如下:

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

祝学习愉快,望采纳。

0

0 学习 · 40143 问题

查看课程