Fatal编程技术网
  • javascript/
  • Javascript 使用Keyup和Keydown的字符计数器

Javascript 使用Keyup和Keydown的字符计数器

javascript html

Javascript 使用Keyup和Keydown的字符计数器,javascript,html,Javascript,Html,我想在我的网站上添加一个字符计数器。因此，我有一个id=“counter”的span和一个id=“producttext”的输入type=“texture”。我用一个： document.addEventListener('keyup', function test() { var textEntered, a; textEntered = document.getElementById('producttext').value; a = document.getElementById('c

我想在我的网站上添加一个字符计数器。因此，我有一个id=“counter”的span和一个id=“producttext”的输入type=“texture”。我用一个：

document.addEventListener('keyup', function test() {

var textEntered, a;

textEntered = document.getElementById('producttext').value;
a = document.getElementById('counter');

a.innerHTML = textEntered;


});
但输出不是字符的计数。这就是内容 如何解决这个问题？

我会做如下事情：

const counter=document.querySelector（“计数器”）；
const textEl=document.querySelector（“#foo”）；
textEl.addEventListener（“输入”，（）=>{
counter.textContent=textEl.value.length；
});



0
请发布一条消息。您可以使用a使其可执行。您应该使用textarea的
值，而不是
textContent
。然后我得到以下错误：TypeError:null不是一个对象（评估'counter.textContent=textcentered.length'），它起作用了。非常感谢你！！我用一个片段更新了答案，这样你就可以比较了。您的问题似乎是在使用选择器时找不到元素。仔细检查ID是否匹配