JavaScript小项目之隐藏密码

大拐拐

于 2023-02-15 11:21:13 发布

阅读量112

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/m0_37372501/article/details/129040021

版权

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
</head>
<body>
    <input type="password" id="password"><button id="btn">显示密码</button>
	<script>
    var pwd=document.querySelector("#password")
    var btn=document.querySelector("#btn")
    console.log(pwd.type)
    btn.onclick=function(){
    	if(pwd.type==="password"){
    		pwd.type="text"
    		btn.innerHTML="隐藏密码"
    	}else{
    		pwd.type="password"
    		btn.innerHTML="显示密码"
    	}
    	
    }
    </script>
</body>
</html>