title: Create a dynamic link URL based on user info on input field
body: <p>I'm trying to make various input fields where visitors can enter a value and then hit go or submit to be redirected to a specific website.</p>
  
  <p>Based on the info they entered they would be send to a specific link</p>
  
  <p>For example if they enter Place: california, Day: 2, Month: 2, Year: 17, Id number: 234, and hit submit it would send them to <a href="http://www.example.com/california/2-2-17/234" rel="nofollow noreferrer">http://www.example.com/california/2-2-17/234</a></p>
  
  <p>I am no programmer but searching found this solution but with just one imput and was wondering if could be modified to work with the imputs described above: </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;
  &lt;head&gt;
      &lt;title&gt;Untitled Page&lt;/title&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function(){
  
      $('#button').click(function(e) {  
          var inputvalue = $("#input").val();
          window.location.replace(" http://www.example.com/page/"+inputvalue);
  
      });
  });
  &lt;/script&gt; 
  &lt;/head&gt;
  &lt;body&gt;
  
         &lt;input type="text" value="11" id="input"&gt; 
         &lt;button type="button" id="button"&gt;Click Me!&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>