I am trying to add this Bootstrap 4 html and javascript to my project. how to i add custom CSS and javascript and then use it in my project. I have try many things nothing seems to work. Below is the html code and javascript below.
============== HTML =======
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>
============ Javascript ====
(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);