JS中通过点击事件切换input的的type类型

JS中，点击按钮切换input的属性值，初始是密码框，点击切换变成文字框，刚开始展示的是隐藏的，点击切换后，展示出文字，其中用了IF循环改变了一个变量的值，但是只能实现从密码框变为文本框，文本框变密码框切换不回来，求帮助。

html
    <div class="box">
       
        <input type="password" id ='pwd'>
        <input type="button" id='btn' value ='切换' >
    </div>

```javascript
btn.onclick =function(){
       var P =0;
       if(flag==0){
           pwd.type='text'
           P=1;
       }else{
           pwd.type='password'
           P=0;
       }
       
   }

```

先获取所以input，根据type去操作不同的值