title: Add input value to Alert Dialog Boxes
body: <p>How i can put the value from input type id "email" to my alert box? <br>
  The rest code its working in my opinion,i just cant make the alert box displaying the value from my e-mail form. <br>
  Using bootstrap just too make some cool design. <br></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;!-- Required meta tags --&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
  
      &lt;!-- Bootstrap CSS --&gt;
      &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"&gt;
  
      &lt;title&gt;Hello, world!&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
     &lt;div class="container"&gt;
        &lt;div class="box"&gt;
  &lt;form class="text-center border border-light p-5"&gt;
  
      &lt;p class="h4 mb-4"&gt;CHANGE E-MAIL&lt;/p&gt;
  
      &lt;p&gt;Input Old E-mail and New E-mal&lt;/p&gt;
      &lt;!-- Name --&gt;
      &lt;input type="email" id="email1" class="form-control mb-4" placeholder="E-mail"&gt;
  
      &lt;!-- Email --&gt;
      &lt;input type="email" name="email" id="email" class="form-control mb-4" placeholder="E-mail"&gt;
  
      &lt;!-- Sign in button --&gt;
      &lt;button class="btn btn-dark btn-block" id="tombol_form" type="submit" onclick = "check();"&gt;SUBMIT&lt;/button&gt;
  &lt;/form&gt;
  &lt;/div&gt;
        &lt;/div&gt;       
        &lt;/div&gt;
    &lt;/div&gt;
  
      &lt;!-- Optional JavaScript --&gt;
      &lt;script type="text/javascript"&gt;
          var email=document.getElementById("email").value;
  
        function check() {
          alert ("Success your email change to: " +email)
         
        
          }
      &lt;/script&gt;
      &lt;!-- jQuery first, then Popper.js, then Bootstrap JS --&gt;
      &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>