<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<div class="card-body">
<div class="wrapper text-center">
<h4 class="card-title">Alerts Popups</h4>
<p class="card-description">A success message!</p> <button class="btn btn-outline-success" onclick="showSwal('success-message')">Click here!</button>
</div>
</div>
(function($) {
showSwal = function(type) {
'use strict';
if (type === 'success-message') {
swal({
title: 'Congratulations!',
text: 'You entered the correct answer',
type: 'success',
button: {
text: "Continue",
value: true,
visible: true,
className: "btn btn-primary"
}
})
}else{
swal("Error occured !");
}
}
})(jQuery);