重复/更新隐藏变量

Question

我正在更新具有可变金额的PayPal按钮的金额。我得到的金额是这样的：

<input type="hidden" name="amount" value="" />

var amount = document.querySelector('.total-box > span').innerText;
var hidden = document.querySelector("input[name='amount']");
hidden.value = amount;
console.log(hidden.value);

当将PayPal费用添加到总数中时，该金额会更新.total-box > span。

因此我需要更新console log(hidden.value)以便更新PayPal金额字段。目前console log(hidden.value)仅在页面加载时运行一次，并且不会更新或传递给PayPal。

这是一个JSFiddle，可以更好地解释发生了什么。 任何帮助将不胜感激。