检查一下代码
来源: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,当输入内容超出,然后进行回删的时候,如果内容没有超出,恢复以前的内容。参考如下:

祝学习愉快,望采纳。
相似问题