title: I have a issue with my JavaScript code
body: <p>It may seem really really simple seeing its only a button and I'm using the <code>window.location.href = 'pagehere.html';</code> It may seem simple but lots of help will be appreciated. I am kinda new to this so give me some slack if it's something simple.</p>
  
  <p>Here is the code, HTML, CSS and JavaScript.</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-js lang-js prettyprint-override"><code>var logpopup = document.getElementById('Login_Popup');
  /* creating variables and calling ID's from HTML document */
  var logbutton = document.getElementById('Login_Button');
  /**/
  var span = document.getElementsByClassName('popup_x')[0];
  /**/
  var registerlink = document.getElementById('Register_Button');
  /*
  var username,x,y;
  */
  /**/
  logbutton.onclick = function() {
    "use strict"; /* should be run in strict mode */
    logpopup.style.display = 'block';
    /* if "logbutton" is clicked, display "logpopup" */
  };
  span.onclick = function() {
    "use strict";
    logpopup.style.display = 'none';
    /* if "span" is flicked, close/do not display "logpopup" */
  };
  window.onclick = function() {
    /* (window is a default variable) If event running is "logopopup" and window is clicked, close/do not display logopopup */
    "use strict";
    if (event.target === logpopup) {
      logpopup.style.display = 'none';
    }
  };
  /*
  function outputname() {
      x=document.getElementById("popup_form");
      y=x.elements["username"].value;                 not working yet
      name = "John";
      document.write("Hello "+y+"&lt;br&gt;");
  }
  */
  
  registerlink.onclick = function() {
    /* when "registerlink" is clicked, call "Test3Register.html" */
    "use strict";
    window.location.href = 'CarCompanyRegister.html';
    return;
  };
  
  var registersubmitvalidate = document.getElementById('register_button_validation');
  
  registersubmitvalidate.onclick = function() {
    "use strict";
    window.location.href = 'CarCompany.html';
    return;
  };
  
  var dropdownArray = ['dropdown_content1', 'dropdown_content2', 'dropdown_content3', 'dropdown_content4', 'dropdown_content5', 'dropdown_content6', 'dropdown_content7', 'dropdown_content8', 'dropdown_content9'];
  
  window.addEventListener('mouseup', function(event) {
    "use strict";
    for (var i = 0; i &lt; dropdownArray.length; i++) {
      var rightdropdown = document.getElementById(dropdownArray[i]);
      if (event.target != rightdropdown) {
        rightdropdown.style.display = 'none';
      }
    }
  });
  window.onload = function() {
    "use strict";
    var dict = {
      'left_side_button1': 'dropdown_content1',
      'left_side_button2': 'dropdown_content2',
      'left_side_button3': 'dropdown_content3',
      'mid_side_button4': 'dropdown_content4',
      'mid_side_button5': 'dropdown_content5',
      'mid_side_button6': 'dropdown_content6',
      'right_side_button7': 'dropdown_content7',
      'right_side_button8': 'dropdown_content8',
      'right_side_button9': 'dropdown_content9'
    }
    document.onclick = function(e) {
      for (var l in dict) {
        if (e.target === document.getElementById(l)) {
          document.getElementById(dict[l]).style.display = 'block';
        }
      }
    }
  };</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>button,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  a {
    /* State that these particular elements be "fantasy" */
    font-family: Tahoma;
  }
  
  #main_body {
    margin: 0px auto;
    background-color: #dedede;
  }
  
  #top_body {
    /* for the sake of having no margin */
  }
  
  #top_container {
    text-align: left;
    margin: 4px;
    padding: 0px;
    /*background-image: -webkit-radial-gradient(left top, ellipse farthest-side, #8CFBFF 0%, #FFFFFF 100%); */
    background: -webkit-linear-gradient(#666, #000);
    position: relative;
    color: aliceblue;
  }
  
  #top_header {
    margin: 0px auto;
    padding: 0px auto;
    box-shadow: 3px 3px 3px grey;
    text-decoration: none;
  }
  
  #header_hgroup li {
    display: inline-block;
    list-style: none;
    text-decoration: none;
  }
  
  .header_text {
    padding-right: 20px;
    padding-left: 20px;
  }
  
  #Login_Button {
    float: right;
    height: 80px;
    width: 80px;
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    border: 0px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
  }
  
  #Register_Button {
    float: right;
    height: 80px;
    width: 80px;
    background-color: white;
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    border: 0px;
  }
  
  #top_nav {
    text-decoration: none;
    border-bottom: 1px solid black;
    padding: 0px;
    margin: 0px auto;
    box-shadow: 3px 3px 3px grey;
    text-align: left;
    position: static;
    margin-bottom: 10px;
  }
  
  #top_nav li {
    display: inline-block;
    text-decoration: none;
  }
  
  #nav1 {
    border: 1px solid white;
    margin-left: 0px;
  }
  
  .class1 {
    display: none;
  }
  
  .mid_container {
    margin: 0px auto;
    overflow: auto;
    width: 1000px;
    display: block;
    background-color: white;
    border: 1px solid black;
    align-content: center;
    margin-bottom: 105px;
  }
  
  #container_top_padder {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 50px;
    margin-left: 50px;
    text-align: center;
    border-bottom: 2px solid black;
  }
  
  #container_top_padder li {
    text-decoration: none;
    display: inline-block;
    font-weight: none;
  }
  
  #individual_top_padder_text {
    margin: 0px auto;
  }
  
  #vehicle_1_header {
    /* not assigned at the moment */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0px;
    background-image: -webkit-radial-gradient(left top, ellipse farthest-side, #8CFBFF 0%, #FFFFFF 100%);
    width: 100px;
    float: left;
    border-bottom: 2px solid black;
  }
  
  #vehicle_2_header {
    /* not assigned at the moment */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0px;
    background-image: -webkit-radial-gradient(left top, ellipse farthest-side, #8CFBFF 0%, #FFFFFF 100%);
    width: 100px;
    float: left;
    border-bottom: 2px solid black;
  }
  
  #vehicle_3_header {
    /* not assigned at the moment */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0px;
    background-image: -webkit-radial-gradient(left top, ellipse farthest-side, #8CFBFF 0%, #FFFFFF 100%);
    width: 100px;
    float: right;
    border-bottom: 2px solid black;
  }
  
  .compare_sections_titles {
    /* not assigned at the moment */
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 0px;
    display: inline-block;
  }
  
  #left_section {
    margin-left: 15px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-top: 5px;
    float: left;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 48px;
    width: 300px;
    background-color: white;
    box-shadow: 4px 4px 4px #888;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
  }
  
  #left_side_button1 {
    /*background-color: aqua; */
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    padding-right: 90px;
    padding-left: 90px;
    font-size: 16px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    box-shadow: 2px 2px 2px #888;
    margin-bottom: 20px;
  }
  
  #dropdown_content1 {
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    text-align: left;
  }
  
  #dropdown_content1 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  #dropdown_content1 a:hover {
    background-color: #f1f1f1;
  }
  
  #left_side_button2 {
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    padding-right: 90px;
    padding-left: 90px;
    font-size: 16px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    box-shadow: 2px 2px 2px #888;
    margin-bottom: 20px;
  }
  
  #dropdown_content2 {
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    text-align: left;
  }
  
  #dropdown_content2 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  #dropdown_content2 a:hover {
    background-color: #f1f1f1;
  }
  
  #left_side_button3 {
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    padding-right: 90px;
    padding-left: 90px;
    font-size: 16px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    box-shadow: 2px 2px 2px #888;
  }
  
  #dropdown_content3 {
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    text-align: left;
  }
  
  #dropdown_content3 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  #dropdown_content3 a:hover {
    background-color: #f1f1f1;
  }
  
  #mid_section {
    margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 15px;
    margin-top: 5px;
    float: left;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 50px;
    width: 300px;
    background-color: white;
    box-shadow: 4px 4px 4px #888;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
  }
  
  #mid_side_button4 {
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    padding-right: 90px;
    padding-left: 90px;
    font-size: 16px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    box-shadow: 2px 2px 2px #888;
    margin-bottom: 20px;
  }
  
  #dropdown_content4 {
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    text-align: left;
  }
  
  #dropdown_content4 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown_all_text {
    color: black;
    text-align: center;
  }
  
  #dropdown_content4 a:hover {
    background-color: #f1f1f1
  }
  
  #mid_side_button5 {
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    padding-right: 90px;
    padding-left: 90px;
    font-size: 16px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    box-shadow: 2px 2px 2px #888;
    margin-bottom: 20px;
  }
  
  #dropdown_content5 {
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    text-align: left;
  }
  
  #dropdown_content5 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  #dropdown_content5 a:hover {
    background-color: #f1f1f1
  }
  
  #mid_side_button6 {
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    padding-right: 90px;
    padding-left: 90px;
    font-size: 16px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    box-shadow: 2px 2px 2px #888;
  }
  
  #dropdown_content6 {
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    text-align: left;
  }
  
  #dropdown_content6 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  #dropdown_content6 a:hover {
    background-color: #f1f1f1
  }
  
  #right_section {
    margin-right: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
    float: right;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 50px;
    width: 300px;
    background-color: white;
    box-shadow: 4px 4px 4px #888;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
  }
  
  #right_side_button7 {
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    padding-right: 90px;
    padding-left: 90px;
    font-size: 16px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    box-shadow: 2px 2px 2px #888;
    margin-bottom: 20px;
  }
  
  #dropdown_content7 {
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    text-align: left;
  }
  
  #dropdown_content7 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  #dropdown_content7 a:hover {
    background-color: #f1f1f1;
  }
  
  #right_side_button8 {
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    padding-right: 90px;
    padding-left: 90px;
    font-size: 16px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    box-shadow: 2px 2px 2px #888;
    margin-bottom: 20px;
  }
  
  #dropdown_content8 {
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    text-align: left;
    z-index: 10000;
  }
  
  #dropdown_content8 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  #dropdown_content8 a:hover {
    background-color: #f1f1f1;
  }
  
  #right_side_button9 {
    background: -webkit-linear-gradient(#ffffff, #c6c6c6);
    padding-right: 90px;
    padding-left: 90px;
    font-size: 16px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    box-shadow: 2px 2px 2px #888;
  }
  
  #dropdown_content9 {
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    text-align: left;
  }
  
  #dropdown_content9 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  #compare_dialog_container {
    margin: 0px auto;
    display: block;
    width: 1000px;
    border: 2px solid black;
    text-align: center;
  }
  
  #compare_dialog_container li {
    text-decoration: none;
    font-weight: none;
    list-style: none;
    display: inline-block;
  }
  
  #Red_compare_button {
    color: white;
    background: -webkit-linear-gradient(#ff3e3e, #ff0000);
    padding: 10px;
  }
  
  #dropdown_content9 a:hover {
    background-color: #f1f1f1;
  }
  
  .popup_container {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
  }
  
  .popup {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 2px solid #888;
    width: 25%;
    border-radius: 28px;
    /* Stating that all corners should be rounded */
    -moz-border-radius: 28px;
    /*&lt;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    text-align: center;
  }
  
  
  /* Add Animation */
  
  @-webkit-keyframes animatetop {
    from {
      top: -300px;
      opacity: 0
    }
    to {
      top: 0;
      opacity: 1
    }
  }
  
  @keyframes animatetop {
    from {
      top: -300px;
      opacity: 0
    }
    to {
      top: 0;
      opacity: 1
    }
  }
  
  .popup_x {
    color: grey;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .popup_x:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  
  .popup_head {
    padding: 2px 16px;
    background-image: -webkit-radial-gradient(left top, ellipse farthest-side, lightblue 0%, white 100%);
    color: black;
    box-shadow: 2px 2px 2px #888;
    text-align: center;
    -moz-border-radius-topright: 25px;
    border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    border-top-left-radius: 25px;
  }
  
  .popup_bod {
    padding: 2px 16px;
  }
  
  .loginform_bod_text {
    font-weight: bold;
  }
  
  .popup_foot {
    padding: 2px 16px;
    color: white;
    -moz-border-radius-bottomright: 25px;
    border-bottom-right-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-left-radius: 25px;
    background-image: -webkit-radial-gradient(bottom right, ellipse farthest-side, lightblue 0%, white 100%);
    border-top: 1px solid #888;
  }
  
  .loginform_foot_text {
    color: black;
    font-weight: none;
    text-decoration: none;
    font-style: none;
    border-top: 2px solid black;
    text-align: center;
  }
  
  .loginform_foot_text:hover {
    text-decoration: underline;
  }
  
  #mid_container_register {
    margin: 0px auto;
    overflow: auto;
    width: 1000px;
    display: block;
    background-color: white;
    align-content: center;
    margin-bottom: 105px;
    padding: 20px;
    border: 1px solid black;
  }
  
  #register_section {
    margin: 0px auto;
    overflow: auto;
    box-shadow: 4px 4px 4px #888;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-left: 1px solid grey;
  }
  
  .Register_subtitle {
    color: #999999;
  }
  
  .Single_span_text_coloring {
    color: #0000CC;
    font-weight: bolder;
  }
  
  #register_article_footer {
    color: gray;
  }
  
  #left_side_nav {
    float: left;
    width: 200px;
    box-shadow: 4px 4px 4px #888;
    margin-right: 75px;
    background-color: white;
  }
  
  #left_side_nav a {
    text-decoration: none;
    list-style: disc;
    font-weight: none;
    color: black;
  }
  
  #left_side_nav a:hover {
    text-decoration: underline;
    cursor: default;
  }
  
  #bottom_container {
    clear: both;
    text-align: center;
    padding: 10px;
    border-top: 1px solid;
    background: white;
    color: black;
    text-align: center;
    font-weight: bold;
  }
  
  .show {
    display: block!important;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  
  &lt;body id="main_body"&gt;
  
    &lt;head&gt;
      &lt;title&gt;Home&lt;/title&gt;
      &lt;link rel="stylesheet" href="CarCompanyCSS.css"&gt;
      &lt;meta name="viewpoint" content="width=deive-width" /&gt;
      &lt;script type="text/javascript" src="CarCompanyJavascript.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;div id="top_container"&gt;
      &lt;header id="top_header"&gt;
        &lt;hgroup id="header_hgroup"&gt;
          &lt;a class="header_text"&gt;
            &lt;li&gt;
              &lt;h1&gt;Title&lt;/h1&gt;
            &lt;/li&gt;
          &lt;/a&gt;
          &lt;!-- Add specificity if needed --&gt;
          &lt;a class="header_text"&gt;
            &lt;li&gt;
              &lt;h3&gt;Subtitle&lt;/h3&gt;
            &lt;/li&gt;
          &lt;/a&gt;
          &lt;button id="Login_Button"&gt;Login&lt;/button&gt;
          &lt;div id="Login_Popup" class="popup_container"&gt;
            &lt;!-- Popup creation --&gt;
            &lt;div class="popup"&gt;
              &lt;div class="popup_head"&gt;
                &lt;span class="popup_x"&gt;x&lt;/span&gt;
                &lt;h2&gt;Login&lt;/h2&gt;
              &lt;/div&gt;
              &lt;div class="popup_bod"&gt;
                &lt;form&gt;
                  &lt;br /&gt;
                  &lt;label&gt;Username:&lt;/label&gt;&lt;br /&gt;
                  &lt;input class="loginform_bod_text" type="text" name="Username" maxlength="10" placeholder="Username" /&gt;&lt;br /&gt;
                  &lt;label&gt;Password:&lt;/label&gt;&lt;br /&gt;
                  &lt;input class="loginform_bod_text" type="password" name="Password" maxlength="20" placeholder="Password" /&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
                  &lt;input type="submit" value="Login" /&gt;
                &lt;/form&gt;
              &lt;/div&gt;
              &lt;div class="popup_foot"&gt;
                &lt;br /&gt;
                &lt;a class="loginform_foot_text" href="Forgot Password.html"&gt;Reset Password&lt;/a&gt;
                &lt;br /&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
        &lt;/hgroup&gt;
      &lt;/header&gt;
      &lt;nav id="top_nav"&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a id="nav1"&gt;Cars&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/nav&gt;
    &lt;/div&gt;
    &lt;div id="mid_container_register"&gt;
      &lt;hr /&gt;
      &lt;section id="left_side_nav"&gt;
        &lt;article&gt;
          &lt;nav&gt;
            &lt;ol&gt;
              &lt;a href="CarCompany.html"&gt;
                &lt;li&gt;Home&lt;/li&gt;
              &lt;/a&gt;
              &lt;hr /&gt;
              &lt;a href="CarCompany.html"&gt;
                &lt;li&gt;My Account&lt;/li&gt;
              &lt;/a&gt;
              &lt;hr /&gt;
              &lt;a href="CarCompany.html"&gt;
                &lt;li&gt;Category&lt;/li&gt;
              &lt;/a&gt;
            &lt;/ol&gt;
          &lt;/nav&gt;
        &lt;/article&gt;
      &lt;/section&gt;
      &lt;section id="register_section"&gt;
        &lt;header&gt;
          &lt;hgroup&gt;
            &lt;h3&gt;&lt;u&gt;&lt;b&gt;Register&lt;/b&gt;&lt;/u&gt;&lt;/h3&gt;
            &lt;p&gt;
              &lt;h5 class="Register_subtitle"&gt;To submit, all fields must be completed.&lt;/h5&gt;
            &lt;/p&gt;
            &lt;p&gt;
              &lt;h5 class="Register_subtitle"&gt; Fields marked with a &lt;span class="Single_span_text_coloring"&gt; * &lt;/span&gt; are required&lt;/h5&gt;
            &lt;/p&gt;
            &lt;hr /&gt;
            &lt;br /&gt;
          &lt;/hgroup&gt;
        &lt;/header&gt;
        &lt;form&gt;
          &lt;label&gt;Username:&lt;/label&gt;
          &lt;br /&gt;&lt;input type="text" name="Username" maxlength="10"&gt;&lt;span class="Single_span_text_coloring"&gt; * &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;
  
          &lt;label&gt;Password:&lt;/label&gt;
          &lt;br /&gt; &lt;input type="password" name="Password" maxlength="16"&gt;&lt;span class="Single_span_text_coloring"&gt; * &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;
  
          &lt;label&gt;E-Mail:&lt;/label&gt;
          &lt;br /&gt; &lt;input type="text" name="E-Mail"&gt;&lt;span class="Single_span_text_coloring"&gt; * &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;
  
          &lt;label&gt;Age:&lt;/label&gt;
          &lt;br /&gt; &lt;select type="option" name="Age"&gt;
      &lt;option&gt;&lt;/option&gt;
      &lt;option&gt;13&lt;/option&gt;
      &lt;option&gt;14&lt;/option&gt;
      &lt;option&gt;15&lt;/option&gt;
      &lt;option&gt;16&lt;/option&gt;
      &lt;option&gt;17&lt;/option&gt;
      &lt;option&gt;18&lt;/option&gt;
      &lt;/select&gt;&lt;br /&gt;&lt;br /&gt;
          &lt;p&gt;Security Question:&lt;/p&gt;&lt;br /&gt;&lt;select type="select" name="Security Question"&gt;
      &lt;option&gt;Please select one.&lt;/option&gt;
      &lt;option&gt;What was my school teachers first name?&lt;/option&gt;
      &lt;option&gt;Whats my favourite chip flavour?&lt;/option&gt;
      &lt;option&gt;What type was my first car?&lt;/option&gt;
      &lt;option&gt;What was the name of my first school?&lt;/option&gt;
      &lt;option&gt;What are my parents names?&lt;/option&gt;
      &lt;option&gt;How many siblings do i have?&lt;/option&gt;
      &lt;option&gt;What was the address of my first house?&lt;/option&gt;
      &lt;/select&gt;&lt;br /&gt; &lt;br /&gt;
          &lt;p&gt;Answer:&lt;/p&gt; &lt;br /&gt; &lt;input type="text" name="Answer"&gt;
          &lt;button&gt;Why&lt;/button&gt;&lt;br /&gt;&lt;br /&gt;
  
          &lt;button id="register_button_validation"&gt;Submit&lt;/button&gt;
          &lt;!-- Not working... --&gt;
  
        &lt;/form&gt;
        &lt;footer id="register_article_footer"&gt;
          &lt;p&gt;Check your mail to validate your account&lt;/p&gt;
        &lt;/footer&gt;
      &lt;/section&gt;
      &lt;br /&gt;
      &lt;hr /&gt;
    &lt;/div&gt;
    &lt;script type="text/javascript" src="CarCompanyJavascript.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>