通过点击按钮实现密码的“显示”和“隐藏”状态:
代码及思路:
利用输入框的type或者按钮的value作为切换状态的判定条件
<body>
<input type="password" id="pwd">
<input type="button" id="btn" value="显示密码" onclick="change()">
<script>
// let pwd=document.getElementById("pwd")
获取输入框元素
let btn=document.getElementById("btn")
function change(){
// 用一个按钮实现密码显隐切换,说明需要判定输入框的当前状态
// 当输入框是密码框时,事件触发,修改成文本框,显示密码,按钮切换成隐藏密码
if(btn.value=="显示密码"){
pwd.type="text";
btn.value="隐藏密码";
}
// 反之则切换加密状态
else{
pwd.type="password";
btn.value="显示密码";
}
}
</script>
</body>