title: Changing input's value based on another input's value
body: <p>Let's say for example I have this code:</p>
  
  <pre><code>&lt;input type="file" id="file" name=""&gt;
  &lt;input class="uploadarea"&gt;
  &lt;span class="button"&gt;Browse&lt;/span&gt;
  </code></pre>
  
  <p>Now I've setupped some css to change the default input file button's look, And now the question is, How do i change <code>.uploadarea</code>'s value depending on the value of <code>#file</code> when I select a file?</p>
  
  <p>I currently have this code but I don't know what to do next.</p>
  
  <pre><code>var x = document.getElementsByTagName('input');
  inputfile = x[0];
  textbox = x[1];
  </code></pre>