title: How to create two button acts like Tab(next focus) keypress and Shift+Tab(previous focus) on inputs
body: <p>Search after 2 hours on internet couldn't find something I want.</p>
  
  <p>Here is my question:
  How can I create a button which acts like "Tab key" and "Shift + tab Key" it focus next input text or previous and first time press will focus first input.</p>
  
  <p>something like this:   </p>
  
  <pre><code>&lt;div class="inputs"&gt;
      &lt;input type="text" tabindex="1"/&gt;
      &lt;input type="text" tabindex="2" /&gt;
      &lt;input type="text" tabindex="3" /&gt;
      &lt;input type="text" tabindex="4" /&gt;
      &lt;button&gt;Tab(Go next input to Focus)&lt;/button&gt;
      &lt;button&gt;Shift + Tab (fo Previous input to focus)&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>sorry for bad presenting my question and english</p>