4-10 编程练习请老师检查
来源:1-1 课程简介
暴力大王
2022-12-03 15:33:01
老师请检查
<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 oText=document.querySelector('textarea');
var oSpan=document.querySelector('span');
oText.oninput=function(){
var len=oText.value.length;
var clen=30-len;
if(clen<=0){
oSpan.innerHTML="超出<b>"+Math.abs(clen)+"</b>字";
}else{
oSpan.innerHTML = "还可以输入<b>" +clen + "</b>字,请缩短字符";
}
}
</script>
</body>
</html>
1回答
好帮手慕星星
2022-12-03
同学你好,代码实现效果很棒。祝学习愉快!
相似问题