title: Trouble making my Javascript work with HTML
body: <p>I'm trying to learn how to use JavaScript by making a simple form, but it isn't working like I'd expect it to.<br>
  I wrote some verification functions which I thought would work, but I can't figure out why they aren't.<br>
  I can make an alert run through my Verify function, but the actual functions I've called won't run.</p>
  
  <p>Here is my full code.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="index.css" /&gt;
      &lt;script src="index.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  
  &lt;body&gt;
  
      &lt;div id="wrapper"&gt;
  
          &lt;div id="Header"&gt;
              &lt;div id="Link_One" class="Link"&gt;
  
                  &lt;p&gt; Link One &lt;/p&gt;
  
              &lt;/div&gt;
  
              &lt;div id="Link_Two" class="Link"&gt;
  
                  &lt;p&gt; Link Two &lt;/p&gt;
  
              &lt;/div&gt;
  
              &lt;div id="Link_Three" class="Link"&gt;
  
                  &lt;p&gt; Link Three &lt;/p&gt;
  
              &lt;/div&gt;
  
              &lt;div id="Link_Four" class="Link"&gt;
  
                  &lt;p&gt; Link Four &lt;/p&gt;
  
              &lt;/div&gt;
  
              &lt;div id="Link_Five" Class="Link"&gt;
  
                  &lt;p&gt; Link Five &lt;/p&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div id="Column_Left"&gt;
  
              &lt;form&gt;
                  &lt;p&gt; Name: &lt;/p&gt;
                  &lt;input type="text" name="name" id="Name_Input"&gt;
                  &lt;p id="Name_Error"&gt; Please enter a valid name. &lt;/p&gt;
                  &lt;/br&gt; &lt;/br&gt; &lt;/br&gt;
                  &lt;p&gt; Age: &lt;/p&gt;
                  &lt;input type="number" name="age" id="Age_Input"&gt;
                  &lt;p id="Age_Error"&gt; Please enter a valid age. &lt;/p&gt;
                  &lt;/br&gt; &lt;/br&gt; &lt;/br&gt;
                  &lt;p&gt; Email: &lt;/p&gt;
                  &lt;input type="text" name="email" id="Email_Input"&gt;
                  &lt;p id="Email_Error"&gt; Please enter a valid email. &lt;/p&gt;
                  &lt;/br&gt; &lt;/br&gt;
                  &lt;button type="button" id="Submit_Button" onclick="Verify()"&gt; Submit &lt;/button&gt;
              &lt;/form&gt;
          &lt;/div&gt;
  
          &lt;div id="Column_Right"&gt;
  
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>html, body {
  height: 100%;
  width: 100%;
  }
  
  * {
  padding: 0px;
  margin: 0px;
  }
  
  #wrapper {
  height: 100%;
  width: 80%;
  max-width: 1500px;
  min-width: 800 px;
  background-color: black;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 0px 20px black;
  }
  
  #Column_Left {
  height: 100%;
  width: 50%;
  background-color: LightGreen;
  float: left;
  }
  
  #Column_Right {
  height: 100%;
  width: 50%;
  background-color: Purple;
  float: right;
  }
  
  #Header {
  height: 10%;
  width: 100%;
  
  }
  
  #Link_One {
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 19.5%;
  background-color: DodgerBlue;
  }
  
  #Link_Two {
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 19.5%;
  background-color: DodgerBlue;
  }
  
  #Link_Three {
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 19.5%;
  background-color: DodgerBlue;
  }
  
  #Link_Four {
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 19.5%;
  background-color: DodgerBlue;
  }
  
  #Link_Five {
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 19.5%;
  background-color: DodgerBlue;
  }
  
  .Link {
  border: 1px solid black;
  }
  
  .Link p {
  line-height: 400%;
  }
  
  #Name_Error {
  display: none;
  }
  
  #Age_Error {
  display: none;
  }
  
  #Email_Error {
  display: none;
  } 
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>var Age_Reg = /[0-9]/;
  var Email_Reg = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
  var Name_Reg = /[^A-Za-z0-9_'-]/;
  
  function Name_Verify() {
  
      var Name = document.getElementById("Name_Input").value;
  
      if (Name_Reg.test(Name)) {
  
      } else {
          document.getElementById("Name_Error").style.display = inline;
  }
  }
  
  
  function Age_Verify() {
  
      var Age = document.getElementById("Age_Input").value; 
  
      if (Age_Reg.test(Age)) {
  
      } else {
          document.getElementById("Age_Error").style.display = inline;
  } 
  }
  
  function Email_Verify() {
  
      var Email = document.getElementById("Email_Input").value;
  
      if (Email_Reg.test(Email)) {
  
      } else {
          document.getElementById("Email_Error").style.display = inline;
  } 
  }
  
  function Verify() {
      Name_Verify();
      Age_Verify();
      Email_Verify();
  }
  </code></pre>