Interactive card details form

I feel like this was my first "real" project with tons of css and js styling and i think it highlighted my poor js knoledge. The functions are extremely repetitive and tedious to write and to read and debug

Is it possible to wrap them in a for.each loop or another type of loop? I couldn't figure out how to do it and target the correct selectors

Also i made the input borders when they are focused by wrapping them in a div with the color gradient provided but couldn't remove them with js (unless i made another class for each input and removed the div corresponding to the input), here again i think a loop would work perfectly

Any other feedback is appreciated!