Javascript 尝试更改span元素的文本内容

正在尝试计算文本字段中的字符数。以下代码不会更改span元素textContent。如何将文本内容更改为文本字段字符串长度

HTML

---

更改

var text=elem.textContent至
var text=elem.value
您的javascript将如下所示：

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

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

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

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

});

由于
elem
指的是
，因此您需要
var text=elem.value
代替
keydown
如何为您提供正确的长度？如何
keydown
为您提供正确的长度？
document.addEventListener('keyup', function(event) {
  var textArea = document.querySelector('#text');
  var count = document.querySelector('#character-count');

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

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

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

});