在編寫網(wǎng)頁或者應(yīng)用程序時(shí)，統(tǒng)計(jì)字?jǐn)?shù)是一個(gè)很常見的需求。而 JavaScript 作為一門廣泛應(yīng)用于網(wǎng)頁開發(fā)的語言，也能夠很好地實(shí)現(xiàn)這個(gè)功能。

下面以輸入框?yàn)槔故救绾问褂?JavaScript 統(tǒng)計(jì)字?jǐn)?shù)：

<textarea id="input"></textarea>
<p>已輸入：0/100</p>
<script>
var input = document.getElementById("input");
var count = document.getElementById("count");
input.addEventListener("input", function() {
var length = input.value.length;
count.innerText = length;
});
</script>

以上代碼中，首先獲取輸入框和計(jì)數(shù)器兩個(gè)元素。然后通過 addEventListener 方法監(jiān)聽輸入框的 input 事件，即輸入框內(nèi)容發(fā)生變化時(shí)觸發(fā)。在事件處理函數(shù)中，通過獲取輸入框的 value 屬性，即輸入的文本內(nèi)容，并獲取其 length 屬性，即字符個(gè)數(shù)。最后將字符個(gè)數(shù)賦值給計(jì)數(shù)器的 innerText 屬性，即可展示當(dāng)前已輸入的字符數(shù)。

除了上述方法外，還有其他多種應(yīng)用 JavaScript 統(tǒng)計(jì)字?jǐn)?shù)的方法。例如，可以使用 jQuery 庫實(shí)現(xiàn)：

<textarea id="input"></textarea>
<p>已輸入：0</span>/100</p>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$("#input").on("input", function() {
var length = $(this).val().length;
$("#count").text(length);
});
</script>

以上代碼中，首先導(dǎo)入 jQuery 庫，然后通過 $() 函數(shù)獲取輸入框和計(jì)數(shù)器兩個(gè)元素，并使用 on() 方法監(jiān)聽輸入框的 input 事件。在事件處理函數(shù)中，通過 $(this) 獲取當(dāng)前輸入框的 jQuery 對象，并使用 val() 方法獲取輸入框的值。最后將字符個(gè)數(shù)賦值給計(jì)數(shù)器的 text() 方法，即可實(shí)現(xiàn)展示當(dāng)前已輸入的字符數(shù)。

總體來說，JavaScript 提供了多種方式幫助我們實(shí)現(xiàn)統(tǒng)計(jì)字?jǐn)?shù)的功能，根據(jù)具體情況選擇適合自己的方法即可。