mi pregunta es bastante consiza, tengo una codigo para cambiar el tamaño de los textarea cuando alguien está escribiendo:
if (e.target.tagName.toLowerCase() == 'textarea') {
let contador = 0;
for (i = 0; i < e.target.value.length; i++)
e.target.value[i] == '\n' ? (contador += 1) : null;
e.target.rows = contador + 1;
}
La cosa es que me he dado cuenta que esto baja el rendimiento de esa parte de la aplicación, ya que estoy haciendo un recorrido cada vez que un usuario escribe, ahora, si una frase tiene 100 palabras, son 100 recorridos del for :CCCCC, lo cual no me parece muy malo, como podría mejorar este codigo?
edit: Se me olvidó poner el evento que ejecuta esto:
document.querySelector('.ctn-toDoList').addEventListener('keydown', e => {
if (e.target.tagName.toLowerCase() == 'textarea') {
let contador = 0;
for (i = 0; i < e.target.value.length; i++)
e.target.value[i] == '\n' ? (contador += 1) : null;
e.target.rows = contador + 1;
}
});
enter
y eltextarea
esta activo? Porque al final de cuentas estás recorriendo todo eltextarea
para ver si incrementas en 1 el contador porque alguién ingreso un nuevo carácter de tiponewline
.