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

同学你好,代码实现效果很棒。祝学习愉快!

0

前端工程师

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

20327 学习 · 17877 问题

查看课程