Making A Form That Adds To Links

[Starsphere]

This is very hard to explain. How do I make a form that adds to a link?

For example: When I enter "test" into the form, it takes you to www.example.com/item/test

Another example: When I enter "hello" it takes me to www.dictionary.com/words?=hello

 

Is this possible? And if it is how do I do it? I want to integrate this into my site.

[elpiop]

<script>
function setLink() {
    document.getElementById("link").href = "http://example.com/" + document.getElementById("my_input").value
}
</script>

<form>
<input type="text" id="my_input" oninput="setLink()">
<a href="http://example.com/" id="link"> Click me </a>
</form>

 

[Starsphere]

On 6/9/2019 at 2:40 PM, elpiop said:

<script>
function setLink() {
    document.getElementById("link").href = "http://example.com/" + document.getElementById("my_input").value
}
</script>

<form>
<input type="text" id="my_input" oninput="setLink()">
<a href="http://example.com/" id="link"> Click me </a>
</form>

 

Thanks!