麻烦老师帮忙检查下作业~

来源:4-10 编程练习

土豆60

2022-07-17 18:04:54

<!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 oTextarea=document.querySelector('textarea');
var oSpan=document.querySelector('span');
oTextarea.oninput=function(){
var len=oTextarea.value.length;
var wlen=30-len;
if(wlen>=0){
ospan.innerHTMl='还可以输入<b>'+wlen+'</b>字';
}else{
ospan.innerHTMl='超出<b>'+wlen+'</b>字';
}
}
</script>
</body>
</html>


写回答

1回答

imooc_慕慕

2022-07-17

同学你好,思路是可以的,需要修改的点,参考如下:

1、变量名保持一致

https://img.mukewang.com/climg/62d3e23009c8aac406690428.jpg

2、单词拼写错误,innerHTML

https://img.mukewang.com/climg/62d3e27809de101c06200216.jpg

3、优化点,超出的字数,尽量不显示负数;

https://img.mukewang.com/climg/62d3e2b209688dfa05310046.jpg


祝学习愉快~

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程