javascript - 尝试更改 span 元素的 textContent

Question

试图计算文本字段中的字符数。以下代码不会更改跨度元素 textContent。如何将 textContent 更改为文本字段字符串长度？编解码器

HTML

<label for="text">Enter your text below.</label>
<textarea id="text"></textarea>

<p>You've written <strong><span id="character-count">0</span> characters</strong>.</p>

JS

document.addEventListener('keydown', function(event) {

  var elem = document.querySelector('#text');
  var text = elem.textContent;
  document.querySelector('#character-count').textContent = text.length;

});

标签： javascript

Answer 1

document.addEventListener('keyup', function(event) {
  var textArea = document.querySelector('#text');
  var count = document.querySelector('#character-count');

  var text = textArea.value;
  count.innerText = text.length;
});