Hi I am new in using sweet alert js to make my alert box more fancy. I am using the normal javascript alert confirmation to delete a specific data in my table. However when I try to run a sweet alert confirmation before deleting it deletes the file without the confirmation popping up.

Here is the code in my JS below.

<script>

    archiveFunction() {

        swal({

  title: Are you sure?,

  text: But you will still be able to retrieve this file.,

  type: warning,

  showCancelButton: true,

  confirmButtonColor: #DD6B55,

  confirmButtonText: Yes, archive it!,

  cancelButtonText: No, cancel please!,

  closeOnConfirm: false,

  closeOnCancel: false

},

function(isConfirm){

  if (isConfirm) {

    swal(Deleted!, Your imaginary file has been archived., success);

  } else {

    swal(Cancelled, Your imaginary file is safe :), error);

  }

});

    }

</script>

this is my html form below.

<form action=<?php echo $_SERVER['PHP_SELF']; ?> method=POST>

        <input type=hidden name=p_id id=p_id value=<?php echo $rows['p_id']; ?>>

        <button class=btn btn-danger type=submit name=archive onclick=archiveFunction()>

            <i class=fa fa-archive></i>

                Archive

        </button>

</form>

and here is the code in php.

<?php



include('../config.php');



if(isset($_POST['archive']))

{

$p_id = $_REQUEST['p_id'];

// sql to delete a record

$sqli = UPDATE students SET archive = 2 WHERE p_id=$p_id;



if ($conn->query($sqli) === TRUE) {

    echo swal('Archived!', 'Click ok to see!', 'success');

} else {

    echo Error Archiving record:  . $conn->error;

}



$conn->close(); 

}

?>

what I want to happen is to confirm the sweet alert confirmation before deleting the specific data.