title: How to use physical keypresses to type in something on screen and simulate a virtual keyboard (Javascript)
body: <p>I am making a word guessing game that displays an HTML keyboard on screen as follows for a user to type: </p>
  
  <pre><code>&lt;div id="qwerty" class="section"&gt;
      &lt;div class="keyrow"&gt;
        &lt;button&gt;q&lt;/button&gt;&lt;button&gt;w&lt;/button&gt;&lt;button&gt;e&lt;/button&gt;&lt;button&gt;r&lt;/button
        &lt;button&gt;t&lt;/button&gt;&lt;button&gt;y&lt;/button&gt;&lt;button&gt;u&lt;/button&gt;&lt;button&gt;i&lt;/button&gt; 
        &lt;button&gt;o&lt;/button&gt;&lt;button&gt;p&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="keyrow"&gt;
        &lt;button&gt;a&lt;/button&gt;&lt;button&gt;s&lt;/button&gt;&lt;button&gt;d&lt;/button&gt;&lt;button&gt;f&lt;/button&gt; 
        &lt;button&gt;g&lt;/button&gt;&lt;button&gt;h&lt;/button&gt;&lt;button&gt;j&lt;/button&gt;&lt;button&gt;k&lt;/button&gt;
        &lt;button&gt;l&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="keyrow"&gt;
        &lt;button&gt;z&lt;/button&gt;&lt;button&gt;x&lt;/button&gt;&lt;button&gt;c&lt;/button&gt;&lt;button&gt;v&lt;/button&gt; 
        &lt;button&gt;b&lt;/button&gt;&lt;button&gt;n&lt;/button&gt;&lt;button&gt;m&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In javascript, how do I essentially "link" up physical keypresses so that I can either click one of the HTML buttons on screen or press an actual key to do the same thing for both?</p>