How's it going, I am trying to reset the alert/div every time the file gets validated so it only shows the alert once. I cant figure out how to remove the div/alert when the same button is pushed that executes this function?

                        function fileValidation() {

                            var fileInput =
                                document.getElementById('file');

                            var filePath = fileInput.value;

                            // Allowing file type
                            var allowedExtensions =
                                /(\.jpg|\.jpeg|\.png|\.gif)$/i;

                            if (!allowedExtensions.exec(filePath)) {

                                $("#responsefromfileupload").replaceWith(`<div style="width: 50%;display:inline" class="alert alert-danger" role="alert">
                                          This image file type is not accepted!</div>`);

                                $("#responsefromfileupload").remove();

                            }
                            if (allowedExtensions.exec(filePath)) {

                                $("#responsefromfileupload").replaceWith(`<div style="width: 50%;display:inline" class="alert alert-success" role="alert">
                                         This image is accepted!</div>`);

                            }
                        }