请看一看，什么地方可以优化，谢谢
来源：4-5 编程练习
凛冬将至0_0
2019-09-12 00:04:46
<!DOCTYPE html>
<html>
<head>
<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">
//补充代码
window.onload = function () {
var text = document.getElementById("text"),
number = document.getElementsByTagName("b")[0],
superme = document.getElementsByTagName("span")[0];
console.log(number,text,superme);
text.onkeyup = function () {
console.log(this.value.length);
if (this.value.length > 30) {
superme.innerHTML = "您已经超出<b>" + (this.value.length - 30) + "</b>字";
} else {
superme.innerHTML = "您还可以输入<b>" +(30 - this.value.length)+"</b>字";
}
}
}
</script>
</body>
</html>
1回答
-
同学你好，
老师运行了同学的代码，效果实现的很好，提出一点优化的建议：
1，可以把this.value.length赋值给一个变量，后续代码中直接使用这个变量，这样就省去了每次都重新计算this.value.length，提高代码的性能。
2，另外：同学自己在控制台测试的结果用过之后记得将其删除或者注释掉，这样做的目的是减少废代码的产生。
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0
相似问题