title: Why this JavaScript code does not work?
body: <p>This code should working, but I have no idea why it is not working at all.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;p&gt;&lt;input type="file" size="50"&gt;&lt;/p&gt;
  &lt;p&gt;&lt;input type="button" value="test" onclick="test()"&gt;&lt;/p&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>test = function() {
      console.dir(document.querySelector('input[type="file"]').value);
      var a = document.querySelector('input[type="file"]').vaule;
      console.dir(a);
  };
  </code></pre>
  
  <p>The first <code>console.dir</code> can successfully display the selected file filename</p>
  
  <p>whereas I store it in <code>var a</code> is return undefined, whats happended?</p>
  
  <p>fiddle: jsfiddle.net/eb5tuo7o</p>