javascript - 如何创建一个按钮来更改 href 的一部分？

Question

所以我想让用户输入文本(input 或 textarea)并在提交时替换 href 中的部分链接。

即: < id="user-form"Textarea> 我的。邮箱

所以用户提交电子邮件并仅更改契约(Contract)链接中链接的电子邮件部分。

Answer 1

您只需要拥有您的源 url，然后将其与输入一起提供

function changeURL(){
var source = "https://www.google.com/"
var input  = document.getElementById("getData").value
document.getElementById("link").href = source + input
console.log(document.getElementById("link").href)
document.getElementById("getData").value = ""
}

<input id="getData" placeholder="email"/>
<br/>
<a id="link" href="https://www.google.com"> link </a>
<br/>
<button onclick="changeURL()">Click me </button>