[英]JS Function to hide and show password doesn't work
Whi my function to hide and show my password does not work?我的 function 隐藏和显示我的密码不起作用? Anyone could help me?任何人都可以帮助我吗?
#HTML: #HTML:
<div class="senha">
<i class="bi bi-key"></i>
<input type="password" required autofocus placeholder="senha" id="idsenha">
<i class="bi bi-eye"></i>
</div>
JS: JS:
let btn = document.querySelector('.bi-eye');
btn.addEventListener('click', function() {
let input = document.querySelector('#idsenha');
if(input.getAttribute('type') == 'password') {
input.setAttribute('type', 'text');
} else {
input.setAttribute('type', 'password');
}
});
Your code works.您的代码有效。
let btn = document.querySelector('.bi-eye'); btn.addEventListener('click', function() { let input = document.querySelector('#idsenha'); if (input.getAttribute('type') == 'password') { input.setAttribute('type', 'text'); } else { input.setAttribute('type', 'password'); } });
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.2.2/font/bootstrap-icons.css" /> <div class="senha"> <i class="bi bi-key"></i> <input type="password" required autofocus placeholder="senha" id="idsenha"> <i class="bi bi-eye"></i> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.