Javascript Character Counter Duplication

Question

次のコードを複製しようとしていますが、どのような組み合わせを試みても、その2番目のコピーを取得できません。基本的には、私は同じページで文字数をカウントする必要がある2つのHTMLテキストエリアボックスを持っています。彼らはそれがより簡単になるならば、実際には同じ正確な数を持つことができます、私はJSを複製する方法だけではなく、まだそれを機能させることは確実ではありません。あなたはまた、他のIDで、カウントの文字を表示するために、他のIDとのスパンで新しいテキストエリアを作成する必要があり

function countChars(countfrom,displayto) { 
 
    var len = document.getElementById(countfrom).value.length; 
 
    document.getElementById(displayto).innerHTML = len; 
 
}

<textarea id="data" 
 
onkeyup="countChars('data','charcount');" 
 
onkeydown="countChars('data','charcount');" 
 
onmouseout="countChars('data','charcount');"></textarea> 
 
<span id="charcount">0</span> characters entered.

Answer 1

。そして、あなたはcharatersをカウントするために、同じ機能を使用していますが、他のIDS

function countChars(countfrom,displayto) { 
 
    var len = document.getElementById(countfrom).value.length; 
 
    document.getElementById(displayto).innerHTML = len; 
 
}

<textarea id="data" onkeyup="countChars('data','charcount');" onkeydown="countChars('data','charcount');" onmouseout="countChars('data','charcount');"></textarea> 
 

 
<span id="charcount">0</span> characters entered. 
 

 
<textarea id="data2" onkeyup="countChars('data2','charcount2');" onkeydown="countChars('data2','charcount2');" onmouseout="countChars('data2','charcount2');"></textarea> 
 

 
<span id="charcount2">0</span> characters entered.