我想在html链接中插入一个javascript变量，这样每次变量的值发生变化时，它都会立即在html链接中发生变化。
我已经尝试了很多可能性，但都没有成功。我的代码如下：
<head>
<title>Hello World</title>
</head>
<body>
CATEGORIE NAME: <input id="first_name">
DEVICE NAME: <input id="last_name">
<button id="say">Send!</button>
<hr>
<div id="result"></div>
<script>
function say_hi() {
var fname = document.getElementById('first_name').value;
var lname = document.getElementById('last_name').value;
var html = 'CODE: <b>' + fname + lname;
document.getElementById('result').innerHTML = html;
}
document.getElementById('say').addEventListener('click', say_hi);
</script>
<a href="http://barcodes4.me/barcode/c39/ +$html.png">Click this link</a>
</body>
</html>
请告诉我应该做什么，以便链接每次都直接获取变量"html"的值，并作为链接的一部分添加
DOM API相当简单。它遵循与HTML几乎完全相同的约定。例如，a标记的href属性是a对象的href属性。
你需要做的是让你的a标签更容易找到：
<a id="this_link" href="">Click this link</a>
现在，在您的脚本中，您可以简单地执行：
var link = document.getElementById('this_link');
link.href = "http://barcodes4.me/barcode/c39/" + html + ".png"