Contador de caracteres não pode ser duplicado
Estou tentando usar um contador para duas textarea, mas se eu duplico o código só um funciona.
Não entendo nada de Javascript, estou começando agora. Peguei vários exemplos e fiz esse código a baixo.
<form action="#" method="post">
<table>
<tr>
<td>Texto:</td>
<td><textarea cols="40" rows="5" name="name_area_segundo" onKeyDown="segundo_area_conta()" onKeyUp="segundo_area_conta()"></textarea></td>
</tr>
<tr>
<td>Caracteres:</td>
<td><input type="text" name="segundo_mostra_soma" size=3></td>
</tr>
</table>
</form>
<script>
var segundo_quanto_pode = 15;
function segundo_area_conta(){
num_segundo_mostra_soma = document.forms[0].name_area_segundo.value.length;
if (num_segundo_mostra_soma >= segundo_quanto_pode + 5) {
document.forms[0].segundo_mostra_soma.style.background="#ff0000"; }
else {
if (num_segundo_mostra_soma >= segundo_quanto_pode){
document.forms[0].segundo_mostra_soma.style.background="#ffc000";}
else{ document.forms[0].segundo_mostra_soma.style.background="#ffffff"; } }
contador_segundo() }
function contador_segundo(){
document.forms[0].segundo_mostra_soma.value=document.forms[0].name_area_segundo.value.length }
</script>
<form action="#" method="post">
<table>
<tr>
<td>Texto:</td>
<td><textarea cols="40" rows="5" name="name_area_primeiro" onKeyDown="primeiro_area_conta()" onKeyUp="primeiro_area_conta()"></textarea></td>
</tr>
<tr>
<td>Caracteres:</td>
<td><input type="text" name="primeiro_mostra_soma" size=3></td>
</tr>
</table>
</form>
<script>
var primeiro_quanto_pode = 15;
function primeiro_area_conta(){
num_primeiro_mostra_soma = document.forms[0].name_area_primeiro.value.length;
if (num_primeiro_mostra_soma >= primeiro_quanto_pode + 5) {
document.forms[0].primeiro_mostra_soma.style.background="#ff0000"; }
else {
if (num_primeiro_mostra_soma >= primeiro_quanto_pode){
document.forms[0].primeiro_mostra_soma.style.background="#ffc000";}
else{ document.forms[0].primeiro_mostra_soma.style.background="#ffffff"; } }
contador_primeiro() }
function contador_primeiro(){
document.forms[0].primeiro_mostra_soma.value=document.forms[0].name_area_primeiro.value.length }
</script>
Se eu usar o código um vez ele funciona, mas se eu repetir o segundo não funciona. O que eu faço?
Discussão (2)
Carregando comentários...