Javascript计算textarea中的剩余字符

我只想在文本区域内键入时计算剩余的字符。 我对Javascript非常陌生，我写了这段代码，但它不起作用，我不知道为什么

这不算什么。 始终显示0/300

html文件中的代码：

<p>  <textarea name="Inhalt" id="Inhalt" placeholder="Ihre Nachricht..." rows="5" maxlength="300 
</textarea> </p>
    
<div id="the-count">
 <span id="current">0</span>
 <span id="maximum">/ 300</span>
</div>

<script src="textarea_count.js"></script>

---

我知道您是javaScript新手。但在代码中，您将jquery与javascript混合使用，因此会出现一些错误

.onkeyup（function（）
是jquery中（'keyup'，function（）{}

上的一个javascript函数

textContent

在jquery中是纯javascript=

text（

）

另外，请检查浏览器中的开发人员控制台。当某些东西不起作用时，这是您首先查看的位置

$（'textarea'）。在（'keyup'，function（）上{
var characterCount=$（this）.val（）.length，
当前=$（“#当前”），
最大值=$（“#最大值”），
计数=$（“#计数”）；
当前.文本（字符计数）；
如果（字符计数<100）{
current.css（'color'，'#666'）；
}
如果（characterCount>99&&characterCount<140）{
current.css（'color'，'#6d5555'）；
}
如果（characterCount>139&&characterCount<200）{
current.css（'color'，'#793535'）；
}
如果（characterCount>199&&characterCount<250）{
current.css（'color'，'#841c1c'）；
}
if（characterCount>249&&characterCount<299）{
current.css（'color'，'#8f0001'）；
}
如果（字符数>=300）{
最大.css（'color'，'#8f0001'）；
current.css（'color'，'#8f0001'）；
count.css（'font-weight'，'bold'）；
}否则{
最大.css（'color'，'#666'）；
count.css（'font-weight'，'normal'）；
}
})；

0
/ 300

您至少检查过控制台了吗？您所说的剩余字符是什么意思？您想在键入时计算字符数吗？您的代码经过两次修改后运行良好。只需参考jQuery API文档，而不是将纯JS与jQuery混在一起。哦，不，我实际上不知道您可以做到这一点。正如我提到的，我非常高兴Javascript新手。谢谢你的提示！@freedomn-m这些不是打字错误。打字错误应该是

onkeyupp

或类似的东西。

$('textarea').onkeyup(function() {

var characterCount = $(this).val().length,
  current = $('#current'),
  maximum = $('#maximum'),
  theCount = $('#the-count');

current.textContent(characterCount);


if (characterCount < 100) {
current.css('color', '#666');
}
if (characterCount > 99 && characterCount < 140) {
current.css('color', '#6d5555');
}
if (characterCount > 139 && characterCount < 200) {
current.css('color', '#793535');
}
if (characterCount > 199 && characterCount < 250) {
current.css('color', '#841c1c');
}
if (characterCount > 249 && characterCount < 299) {
current.css('color', '#8f0001');
}

if (characterCount >= 300) {
maximum.css('color', '#8f0001');
current.css('color', '#8f0001');
theCount.css('font-weight','bold');

} else {
maximum.css('color','#666');
theCount.css('font-weight','normal');
}

  
});