Javascript 计数字符串在div中出现的次数

我有下面这个简单的页面，它突出显示了“@”图标在一个文件中的onload.txt文件中出现的时间

我想知道的是。。。如何计算“@”字符串在其中出现的次数

var openFile=函数（事件）{
var输入=event.target；
var reader=new FileReader（）；
reader.onload=函数（）{
var text=reader.result；
var output=document.getElementById（'output'）；
常量行=text.split（'\n'）；
行。forEach（（行）=>{
const div=output.appendChild（document.createElement（'div'））；
const textSplitAroundAt=line.split（'@'）；
textSplitAroundAt.forEach（（text，i）=>{
div.appendChild（document.createTextNode（text））；
如果（i==textSplitAroundAt.length-1）返回；
const span=div.appendChild（document.createElement（'span'）；
span.textContent='@'；
span.className='colorize'；
});
});
};
reader.readAsText（input.files[0]）；
};
。着色
{
颜色：#f90；
背景颜色：蓝色；
}

.TXT日志分析器
我希望“@”符号在此处出现的次数>>>。。。


…
在您的
onload
事件结束时添加此代码：

document.getElementById('populateNumbers').textContent = text.split('@').length - 1;


var openFile=函数（事件）{
var输入=event.target；
var reader=new FileReader（）；
reader.onload=函数（）{
var text=reader.result；
var output=document.getElementById（'output'）；
常量行=text.split（'\n'）；
行。forEach（（行）=>{
const div=output.appendChild（document.createElement（'div'））；
const textSplitAroundAt=line.split（'@'）；
textSplitAroundAt.forEach（（text，i）=>{
div.appendChild（document.createTextNode（text））；
如果（i==textSplitAroundAt.length-1）返回；
const span=div.appendChild（document.createElement（'span'）；
span.textContent='@'；
span.className='colorize'；
});
});
document.getElementById（'populateNumber'）。textContent=text.split（'@'）。长度-1；
};
reader.readAsText（input.files[0]）；
};
。着色
{
颜色：#f90；
背景颜色：蓝色；
}

.TXT日志分析器
我希望此处出现“@”符号的次数：。。。


…
这个问题非常有效，而且非常清楚：）听起来可能像个愚蠢的问题。。div现在包含数字计数（这很好），但是编写这行代码的最佳方式是什么，这样我们就可以看到一个“string”后跟该字符串的查找总和？将div更改为如下内容：
I希望@符号出现的次数：