tengo un input, tipo contraseña, cuando no hay texto aparece un ojo semitransparente, lo que necesito es que cuando hay texto, ese icono desaparezca y se ponga otro icono distinto, para que al pulsar sobre el haga lo que sea (esta ultima parte la tengo)...
<input id="login_password" type="password" class="" required="">
<label id="login_password_label" for="login_password">Password</label>
<IconButton id="ojo" class="material-icons ojo">visibility</IconButton >
<!-- ojo oculto -->
<a id="ojo2" class="material-icons mostrarojo ojo2">visibility</a>
lo que necesito es que cuando el input tenga texto, el id=ojo desaparezca(ponerle con js la class mostrarojo que le pone visibility:hidden en el css) y que se muestre ojo2(quitando la class mostrarojo)
luego ese ojo2 ya tiene codigo para hacer que cambie el type por text y viceversa...
input
y analizar si el campo esta vacío para alternar los iconos.