问题描述
我的 JavaScript 入门课程需要帮助来解决这个问题。我们需要解决的问题包括更改 span
id (numleft
) 以报告从 textarea
id (comments
) 输入的字符数量并显示有多少用户剩余的字符数 (255 - comments.length
)。
在设置 document.getElementById
并使它们彼此相等后,我被卡住了。我们的教授为我们评论了一些提示(见下文)。我正在寻找简单的代码,没有什么高级的。但任何输入都会有帮助!我只是看着这个太久了。谢谢!
<html>
<head>
<script>
function showComment(){
document.getElementById('numleft').innerHTML= document.getElementById('comments').value;
//find the characters left by subtracting 255 - length
//condition if we go over 255
//disable the field or just make the value equal to the first 255 characters.
}
</script>
</head>
<body>
<form action="" method="post">
<input type="text" name="fullname" id="fullname" placeholder="fullname"><span class="err"></span><br>
<div id ="showcomment" >You have <span id="numleft"></span> characters of your 255 left!</div>
<textarea id="comments" onKeyUp="showComment();" maxlength="255"></textarea>
<input type="submit" name="submit" value="Enter">
</form>
</body>
</html>
解决方法
也许有一个 twitter 小部件,您可以将其插入其中您可以添加帖子或其他任何内容
也有垃圾邮件,(如果你将它用于 css)就这样做
#numleft { left:1px; top:25%; color:black; }
等