title: Is it possible to update a url link based on user text input?
body: <p>For instance, I know that it is possible to do something in Javascript that allows users to update text based on user text input:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function changeText2(){
  var userInput = document.getElementById('userInput').value;
  document.getElementById('boldStuff2').innerHTML = userInput;
  }
  &lt;/script&gt;
  &lt;p&gt;Welcome to the site &lt;b id='boldStuff2'&gt;dude&lt;/b&gt; &lt;/p&gt; 
  &lt;input type='text' id='userInput' value='Enter Text Here' /&gt;
  &lt;input type='button' onclick='changeText2()' value='Change Text'/&gt;
  </code></pre>
  
  <p>View the above code in action at: tizag.com/javascriptT/javascript-innerHTML.php</p>
  
  <p>However, instead of the above code, I would like to know if it's possible to do something similar for a url link. Below I've placed a step by step example of what I would like to happen upon the user inputing text:</p>
  
  <ol>
  <li><p>Original Link:
  <a href="http://www.google.com/search?q=" rel="noreferrer">http://www.google.com/search?q=</a></p></li>
  <li><p>User Input in Text Field:
  espn</p></li>
  <li><p>User clicks button to submit text in text field</p></li>
  <li><p>Final Link:
  <a href="http://www.google.com/search?q=espn" rel="noreferrer">http://www.google.com/search?q=espn</a></p></li>
  </ol>
  
  <p>Thanks for your help...BTW...if you can't tell I'm a bit of a novice so detail is appreciated.</p>