前端js实现密码块的显示与隐藏（按钮）

最近老师上课有讲到这个问题，写了就顺便就发出来吧
js部分

<script type="text/javascript">
        window.onload=function(){
            var oPass= document.getElementById('pass');
            var oBtn=document.getElementById('btn');
            var a=true;
        
        oBtn.onclick=function(){
            if (a) {
                oPass.type='text';
                a=false;
                oBtn.value='隐藏';
            }else{
                oPass.type='password';
                a=true;
                oBtn.value='显示'
            }
        };
    };
    </script>

html部分

<h2>js模拟实现密码显示隐藏</h2>
        <form >
            请输入密码：<input type="password" id="pass">
            <input type="button" value="显示" id="btn">
        </form>

参考文章：https://blog.csdn.net/neverST/article/details/52583152