Posts Bootstrap 4 style message to the #messages area of the DOM

post_messages.js

// Post messages
function postSuccessMessage(message) {
    html = `
    <div class="alert alert-success fade show">
    <button type="button" class="close" data-dismiss="alert">&times;</button>`+ message + `</div>`
    $('#messages').append(html);
    setTimeout(function () {
        $(".alert").alert('close');
    }, 3000);
}

function postErrorMessage(message) {
    html = `
    <div class="alert alert-danger fade show">
    <button type="button" class="close" data-dismiss="alert">&times;</button>`+ message + `</div>`
    $('#messages').append(html);
    setTimeout(function () {
        $(".alert").alert('close');
    }, 3000);
}