Javascript 如何使用文本选项更改按钮URL

尝试使用输入文本创建动态捐赠按钮。基本上，输入捐赠金额并单击按钮。输入的金额应更新按钮URL，但不会发生任何情况。我确信我遗漏了一些明显的东西，但这里的可用解决方案都不起作用（我尝试了7个）。谢谢

document.getElementById（“输入自定义捐赠”）.onchange=function（）{
document.getElementById（“捐赠按钮”）.href=”https://securepayments.cardpointe.com/pay?details=Donation|30 |“+此值+”；
}
输入自定义捐赠金额（仅限数字）：

有一个打字错误，结尾有一个超过两倍的引号

document.getElementById（“捐赠按钮”）.href=”https://securepayments.cardpointe.com/pay?details=Donation|30 |“+this.value；

作为提醒，您始终可以使用字符串插值使字符串更具可读性，以下是一个示例：

document.getElementById（“捐赠按钮”）.href=`https://securepayments.cardpointe.com/pay?details=Donation|30 |${this.value}`

有一个打字错误，结尾有一个超过两倍的引号

document.getElementById（“捐赠按钮”）.href=”https://securepayments.cardpointe.com/pay?details=Donation|30 |“+this.value；

作为提醒，您始终可以使用字符串插值使字符串更具可读性，以下是一个示例：

document.getElementById（“捐赠按钮”）.href=`https://securepayments.cardpointe.com/pay?details=Donation|30 |${this.value}`

使用

href

设置锚定标记的链接

让btn=document.getElementById（“捐赠btn”）；
let amount=document.getElementById（“值”）；
让link=document.getElementById（“link”）；
const baseLink=“www.google.com/genate？amount=”
const makeLink=（金额）=>{
返回基本链接+金额
}
功能数量变化（e）{
btn.innerText=`捐赠给我${amount.value}$`
link.href=makeLink（amount.value）；
}

文件
捐赠我

使用

href

设置锚定标记的链接

让btn=document.getElementById（“捐赠btn”）；
let amount=document.getElementById（“值”）；
让link=document.getElementById（“link”）；
const baseLink=“www.google.com/genate？amount=”
const makeLink=（金额）=>{
返回基本链接+金额
}
功能数量变化（e）{
btn.innerText=`捐赠给我${amount.value}$`
link.href=makeLink（amount.value）；
}

文件
捐赠我

你检查过控制台有无错误吗？在你设置

href

的那一行末尾，你有一个随机双引号和加号，导致了错误。谢谢！！我知道这很简单。你检查过控制台有无错误吗？在你设置

href

的那一行末尾，你有一个随机双引号和pl导致错误的美国标志。谢谢！！我知道它很简单。谢谢。我知道它很简单。乐于助人。谢谢。我知道它很简单。乐于助人。

document.getElementById("input-custom-donation").onchange = function() {

    document.getElementById("donate-button").href = "https://securepayments.cardpointe.com/pay?details=Donation|30|"+this.value+";

}

<label for="input-custom-donation">Enter Custom Donation Amount (numbers only):</label>
<input id="input-custom-donation" type="text" name="input-custom-donation">

<br>
<br>

<a class="button" id="donate-button" href="http://test/">Donate Now</a>