Estuve investigando y logré hacer una pequeña página, el problema viene cuando quiero mostrar un botón (es igual al de mostrar contraseña en facebook) que a su vez muestra otro (el de ocultar) con la función lenght justo al empezar a escribir la contraseña.
Intenté ocultar un div, incluso el botón mismo pero no pude hacerlo (no sé si interfiera la función mostrar/ocultar del botón mismo).
Tengo apenas de 4 a 5 días programando, por si ven inconsistencias en mi código. Gracias de antemano uwu.
Este es mi código:
function ocultar1(){
if ($('#contraseña').val().length == 0) {
document.getElementById("mostrar1").style.display = "none";
} else {
document.getElementById("mostrar1").style.display = "block";
}
}
function mostrar(){
$show=document.getElementById("contraseña");
$show.type="text";
$b2=document.getElementById("b2");
$b2.type="button";
$b2=document.getElementById("b1");
$b2.type="hidden";
}
function ocultar(){
$show=document.getElementById("contraseña");
$show.type="password";
$b2=document.getElementById("b2");
$b2.type="hidden";
$b2=document.getElementById("b1");
$b2.type="button";
}
<!DOCTYPE html>
<html>
<body>
<div class="campo">
<input type="password" placeholder= "Contraseña" name="contraseña" required="on" id="contraseña" class="contraseña">
<div class="mostrar1">
<input type="button" value="MOSTRAR" class="mostrar" onclick="mostrar()" id="b1">
<input type="hidden" value="OCULTAR" class="ocultar" onclick="ocultar()" id="b2"><br>
</div>
</div>
</body>
</html>