Question

我试图复制以下代码，但无论我尝试什么组合，我都无法获得它的第二个副本。基本上我有两个html textarea框，我需要在同一页面上计算字符数。如果它更容易，它们实际上可以具有相同的精确计数，我不仅确定如何复制JS并且仍然具有它的功能。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

你必须使用其他id和span创建新的textarea以显示字符数，也可以使用其他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.

<textarea id="data2" onkeyup="countChars('data2','charcount2');" onkeydown="countChars('data2','charcount2');" onmouseout="countChars('data2','charcount2');"></textarea>

<span id="charcount2">0</span> characters entered.

Javascript字符计数器复制

1 个答案: