Necesito ayuda...(i need help)

Question

Necesito ayuda para saber dónde está el error en el codigo de Javascript, ya intenté varios métodos pero no he podido hacer que funcione, se supone que el codigo debe ejecutar un recorrido para que el ID en Css se quede en -85 px en caso de que haya texto dentro, pero me sale error al intentarlo con getElementByClassName por eso lo puse en .....ById y con eso me tira error en el for ya que dice que i > inputs.length; no es válido.

I need help to find out where the error is in the Javascript code, I already tried various methods but couldn't get it to work,The code is supposed to run a loop so that the ID in Css stays at -85 px in case there is text inside, but I get an error when trying with getElementByClassName that's why I put it..... ById and with that it throws an error in the for since it says that i> inputs.length; It's not valid.

https://code.sololearn.com/WJgyUnHgyRcK/?ref=app
https://code.sololearn.com/WJgyUnHgyRcK/?ref=app

Answer 1

Your problem is, that you try to access the DOM before it exists. You need to make a window.onload function to start the code. Otherwise it wont find anything. And not getElementByClassName but getElement**s**ByClassName. I made the same mistake while i was beginning to program

Answer 2

Ángel De Jesus Soto Herrera Try This:

window.onload = function() {
var inputs = document.getElementsByClassName('formulario_input');

for(var i = 0; i > inputs.length; i++) {
inputs[i].addEventListener('keyup', function () {
let cL = this.nextElementSibling.classList;
if(this.value.length >= 1) {
cL.add('fijado');
} else {
cL.remove('fijado');
}
});
}
}

I changed some things and edited the getElementsByClassName

Answer 3

Hey, no problem, you can also write me privately and ask me something

Answer 4

Nico Ruder, tnx I really love you