请老师检查作业
来源：4-10 编程练习
weixin_慕沐9107889
2021-11-18 22:53:04
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>练习</title>
</head>
<body>
<p>字数限制在30字内,<span>你还可以输入<b>30</b>字</span></p>
<textarea name="" id="" cols="30" rows="7"></textarea>
<script>
var fontB = document.querySelector('b');
var text = document.querySelector('textarea');
var span = document.querySelector('span')
var nub = fontB.innerText
text.onkeyup = function () {
var n = nub - this.value.length
var b = this.value.length
fontB.innerText = n;
if (b > 30) {
span.innerText = '你以超' + (b - nub) + '字'
} else {
span.innerText = '你还可以输入' + n + '字'
}
}
</script>
</body>
</html>
1回答
-
好帮手慕星星
2021-11-19
同学你好，代码逻辑可以，但是建议输出的时候拼接上b标签，加粗数字，和默认效果一样。参考：
记得将innerText改为innerHTML属性 ，这样才能解析b标签。
祝学习愉快！
0
相似问题