请问这样编写可否优化?
来源:4-5 编程练习
鲸落2020
2020-07-01 15:21:20
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>鼠标移动事件</title>
<style type="text/css">
b{color: #f00;}
</style>
</head>
<body>
<p>字数限制在30字内,<span id="bx1">您还可以输入<b id="bx2">30</b> 字</span></p>
<textarea cols="50" rows="7" id="text"></textarea>
<script type="text/javascript">
//补充代码
var bx1=document.getElementById("bx1");
bx2=document.getElementById("bx2");
var text=document.getElementById("text");
var max1=30,max2=-1;
text.onkeyup=function(){
var len=text.value.length;
var total=max1-len;
if(total<0){
var tota2=max2*total;
bx1.innerHTML=("您输入的字已超出"+tota2+"字");
}else{bx1.innerHTML=("您还可以输入"+total+"字");}}
</script>
</body>
</html>
1回答
好帮手慕慕子
2020-07-01
同学你好,效果实现的很棒,代码也很简洁,不用再优化了,继续加油,祝学习愉快~
相似问题