title: JavaScript Search Bar that Scrolls to input ID
body: <p>I'm new to JavaScript, and i'm still currently learning it as we speak. </p>
  
  <p>I'm trying create a search bar that when a user types in a item name (Ex. Item 5) the search bar will scrollTo the item based off the input and the Div's tag. The site i'm working on is a long list of items, and the clients usually know what they are looking for. </p>
  
  <p>I've seen a lot of examples of how to make a Button scroll to a Div, but not much on how to set up a input in a search bar to scroll to a Div. </p>
  
  <p>The scrolling method would be nice if it was smooth. I would like it to based off of the number value of what they input in. So if it's a string for example "10.01A Paper" i'd like it to convert it to 1001A", and that will be what the div would be named. <code>&lt;Div ID=1001A&gt;</code> Does that make sense?</p>
  
  <p>Any advice would be great!</p>
  
  <p>Here is a <a href="https://jsfiddle.net/stinkytofu/gkehnkdk/" rel="nofollow">Demo</a></p>
  
  <pre><code>&lt;form id="searchbox" action=""&gt;
  &lt;input id="search" type="text" placeholder="Type here"&gt;
  &lt;input id="submit" type="submit" value="Search"&gt;
  </code></pre>
  
  <p></p>
  
  
  
  Item 1
  
  
  
  Item 2
  
  
  
  Item 3
  
  
  
  Item 4
  
  
  
  <pre><code>.space {
      width:100%;
      height:500px;
      background-color:#FFF;
  }
  </code></pre>