请老师检查一下谢谢

来源:4-10 编程练习

闪电打雷躲树下

2022-08-24 22:56:02

<body>
		<p>字数限制在30字内,<span>您还可以输入<b>30</b> 字</span></p>
		<textarea cols="50"  rows="7"  id="text"></textarea>
		<script type="text/javascript">
			//补充代码
			var text=document.querySelector('#text');
			var words=document.querySelector('b');
			var span=document.querySelector('span');
		
			
			text.onkeydown=function(a){
			 var a=text.value.length
			   words.innerHTML=30-a;
			   if(a>30){
			       span.innerHTML='已超出<b>'+(a-30)+'</b>字'
			   }
			}
		</script>
	</body>


写回答

1回答

好帮手慕星星

2022-08-25

同学你好,输入一个字符,提示数字不减1

https://img.mukewang.com/climg/6306d314099e945a04540134.jpg

这是因为用的onkeydown事件。而文字获取到是在onkeyup事件中,所以第一个输入的时候,还是之前的长度0 ,需要修改事件。

另外也需要考虑回删问题,加上else条件,否则小于30不改变提示

https://img.mukewang.com/climg/6306d3a809a47a0004950123.jpg

参考:

https://img.mukewang.com/climg/6306d3e809f36c6807090300.jpg

祝学习愉快!

0

前端工程师

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

20327 学习 · 17877 问题

查看课程