Javascript 将动态查询字符串值从输入注入到超链接

我有一个网页，有一个输入，用户可以键入一个值的例子：10，15，30等

然后我有一个链接，该链接应将此值传递给我的服务器，例如：

<a href="http://www.example.com/myscript.php?inputValue=X">

其中X将是用户在输入中键入的值

---

如何在不重写所有标记或链接的情况下更改X？

假设您有以下标记

<input type='text' id='txt'/>
<a id='link' href="http://www.example.com/myscript.php"></a>

旁注：问题中不清楚您希望href在何时更改

var value = document.getElementById('txt').value;
var anchor = document.getElementById('link');
var href= anchor.href;
anchor.href= href.split('?inputValue=')[0].concat('?inputValue='+value);