Javascript 如何计算输入文本中的字符数

Javascript 如何计算输入文本中的字符数,javascript,jquery,Javascript,Jquery,我必须制作一个javascript程序,带有一个文本字段,我在那里用文本格式写东西,同时在另一个div中显示字符在文本中出现的次数 例如,A 例如: 在100字符的文本中出现17次; 告诉我百分比:17%试试这个 const element=document.querySelector('[name=“text”]')) 元素。addEventListener('input',函数(e){ 常量{target:{value}}=e; const el=document.querySelecto

我必须制作一个javascript程序,带有一个文本字段,我在那里用文本格式写东西,同时在另一个
div
中显示字符在文本中出现的次数

例如,A

例如:

100
字符的文本中出现
17次;
告诉我百分比:
17%
试试这个

const element=document.querySelector('[name=“text”]'))
元素。addEventListener('input',函数(e){
常量{target:{value}}=e;
const el=document.querySelector('div')
常量字母=el.dataset.letter
让百分比=[…值]。过滤器(x=>x==字母)。长度/value.length
el.textContent=`${percentage}%`
})


百分比:
由于这是一个学校项目,您标记了
jQuery
,因此我将为您提供一个jQuery解决方案

$(函数(){
函数countChar(n,h){
//输入:针,草垛(区分大小写)
//输出:针数
var re=新的RegExp(n,'g'),
匹配=h.匹配所有(re),
r=0;
for(匹配的var m){
r++;
console.log(“找到的””+m[0]+“'start=“+m.index+”end=“+(m.index+m[0].length)+”);
}
返回r;
}
$(“#短语”).keyup(函数(){
var q=$(“#查询”).val(),
t=$(this.val(),
c=countChar(q,t);
$(“#results”).html(“找到“+q+”(“+Math.round((c/t.length)*100)+“%”)中的“+c+”;
});
$(“#查询”).change(函数(){
var q=$(“#查询”).val(),
t=$(“#短语”).val(),
c=countChar(q,t);
$(“#results”).html(“找到“+q+”(“+Math.round((c/t.length)*100)+“%”)中的“+c+”;
});
$(“短语”).val(“敏捷的棕色狐狸跳过懒狗”).trigger(“keyup”);
})
#结果{
显示:块;
}

词组
发现

使用一些正则表达式和键侦听器很容易做到这一点。看起来这可能是学校的一个项目,所以我只带你去你需要去的地方。@Teemu,对。更新了它。我想我必须和关键听众一起做,这是一个学校项目。谢谢你的帮助。这是你的问题吗?尝试使用@EasyBB的建议在JSFIDLE或CodePen中自己实现一些东西,如果你陷入困境,问一个新的、更具体的问题,向我们展示你所做的。否则,你只能得到你所看到的落选票。。。