各位大大好:

我做了兩個輸入框，先把輸入框A隱藏(display:none;)，顯示輸入框B，輸入框B若輸入正確的密碼，輸入框A就會跑出來，但我想請問若用chrome檢查，把display:block,輸入框A就會顯示，再按鈕就會開始計數，請問要怎麼防止用chrome檢察破解語法呢?

謝謝

#content1{
display:none;
}

<div id="contentpw">
<h1>統計選票，請先登入</h1>

    <div class="form-group col-md-6 ">
    <input type="text" class="form-control" id="pw" name="pw" autocomplete="off" placeholder="請先輸入密碼驗證"/>
    </div>
     <div class="panel-body">
     <div class="btn-toolbar">
     <button type="submit" id="btnSubmit" class="btn btn-primary btn-sm" onclick="elecpw()">確認密碼</button>
     </div>
     </div>
</div>
<div>
<div id="content1">
<h1>請輸入圈選編號</h1>
    <div class="form-group col-md-6 ">
    <input type="text" class="form-control" id="elecid" name="elecid" autocomplete="off" placeholder="圈選編號"/>
    </div>
     <div class="panel-body">
     <div class="btn-toolbar">
     <button type="submit" id="btnSubmit" class="btn btn-primary btn-sm" onclick="myelec()">確認選票</button>
     </div>
     </div>
</div>
<div>

function elecpw(){

var pw=$("#pw").val();

$.get('pw.txt', function(data) {
  
    if(pw==data){
     $('#contentpw').css('display', 'none');
     $( '#content1' ).show( "slow" );
    }
    else{
    
    alert("密碼輸入錯誤");
    
    }
  
}, 'text');

}