title: How to create a customised pop up using JavaScript
body: <p>I have a SendMail button which on click calls the JavaScript function. Which upon validating gives the alert message. But that is a default alert which I am using. How can I create a customised alert in JavaScript.</p>
  
  <p>My HTML Code:</p>
  
  <pre><code>       &lt;div id ="sendmail" style="display: none;"&gt;
          &lt;div class="container"&gt;
          &lt;div style="text-align:right; width:100%; padding:0;"&gt;
          &lt;button id ="cancel" style='margin-right:16px' class="btn btnprimary btn-lg pull-right" a href="javascript:window.history.back()"&gt;Cancel&lt;/button&gt;
          &lt;button id ="sendMail" style='margin-right:16px'  class="btn btn-primary btn-lg pull-right" onclick="sendMail()"&gt;SendMail&lt;/button&gt;
  </code></pre>
  
  <p>And this is my index.js file</p>
  
  <pre><code>        function sendMail(){
          console.log(employee_id);
          var employeeid = employee_id;
  $.ajax({
    url:'http://localhost:8088/JirasTrackingApp/reporter/
    Reportees/JiraNames/'+employeeid,
      type:'GET',
  
      success: function(Jiranumbers){
               alert("Mail is sent successfully");  //here I need to be able to call the customized alert instead of that default alert
              },
        error: function(Jiranumbers){
              alert("Mail is not sent successfully");
          }        
      });
  </code></pre>
  
  <p>Please advice, Thanks.</p>