Javascript 如何使我的字符计数器不出现在输入框中？

我想知道为什么每当我将

标记切换到

标记时，我的字符计数器根本不出现。我希望剩余的

字符：

部分不在

标记内。我尝试了很多方法来解决这个问题，但遇到了困难，我只需要另一双眼睛就能看到

我做错了什么？我如何解决这个问题？提供JSFiddle供参考

var txtBoxRef=document.querySelector（“#txtBox”）；
var counterRef=document.querySelector（“计数器框”）；
txtBoxRef.addEventListener（“keydown”，function（））{
var-remLength=0；
remLength=0+parseInt（txtBoxRef.value.length）；
if（remLength<0）{
txtBoxRef.value=txtBoxRef.value.substring（02000）；
返回false；
}否则，如果（remLength>200）{
counterRef.style.color=“红色”；
}
counterRef.value=“剩余字符数：“+remLength+”/200”；
}，对）
将输入设置为p元素并更改此行

counterRef.value = "Characters remaining: " + remLength + "/200";

到

将输入设置为p元素并更改此行

counterRef.value = "Characters remaining: " + remLength + "/200";

到

input
标记具有
value
属性，而对于p标记
textContent
应使用：


var txtBoxRef=document.querySelector（“#txtBox”）；
var counterRef=document.querySelector（“计数器框”）；
var pRef=document.querySelector（#pBox”）；
txtBoxRef.addEventListener（“keydown”，function（））{
var-remLength=0；
remLength=0+parseInt（txtBoxRef.value.length）；
if（remLength<0）{
txtBoxRef.value=txtBoxRef.value.substring（02000）；
返回false；
}否则，如果（remLength>200）{
counterRef.style.color=“红色”；
}
pRef.textContent=“剩余字符数：“+remLength+”/200”；
}，对）

输入
标记具有
值
属性，而对于p标记
文本内容
应使用：


var txtBoxRef=document.querySelector（“#txtBox”）；
var counterRef=document.querySelector（“计数器框”）；
var pRef=document.querySelector（#pBox”）；
txtBoxRef.addEventListener（“keydown”，function（））{
var-remLength=0；
remLength=0+parseInt（txtBoxRef.value.length）；
if（remLength<0）{
txtBoxRef.value=txtBoxRef.value.substring（02000）；
返回false；
}否则，如果（remLength>200）{
counterRef.style.color=“红色”；
}
pRef.textContent=“剩余字符数：“+remLength+”/200”；
}，对）

很高兴我帮了忙：）很高兴我帮了忙：）