function executing action even if false

Question

well I’m doing a college job, and has a file listing screen, at the time of deleting I created a button with onclick, I do not understand much of javascript, however following the logic of if Else it should run only the action if it were true, more even if I cancel it runs;

<script>
function apagar(){
var res = confirm("Deseja Apagar a questão ?");
    if (res == false){
        var href = this.href;
    }else{
        alert("Cancelado");
    }
}
</script>

<a href="apagar_questao.php"><button type="button" class="btn btn-danger" id="btn_apagar" onclick="apagar()">Apagar</button></a>

Answer 1

The problem is that you are placing the function in an element that is within a href, ie regardless of the value it is true or false He’ll move on to the next page. What can be done and redirect with window.location. If there is even a need for tag a you can put javascript:void(0) that he directs nowhere.

The code would be like this.

<script type="text/javascript">
function apagar(idRes){
var res = confirm("Deseja Apagar a questão ?");
    if (res){
      window.location = "apagar_questao.php?id="+idRes;
      }else{
       alert("Cancelado");
     }
   }
</script>

<a href="javascript:void(0)"><button type="button" class="btn btn-danger" id="btn_apagar" onclick="apagar(<?php echo $linhas['id'];?>)">Apagar</button></a>