创建一个在输入后链接URL的Button

Question

这是我的代码：

<br>
   < button onclick="myFunction()">LOLNEXUS< /button>
    function myFunction () {
    var person = prompt ( "Please enter your summoner name", "");

    if ( person != null) {
    document.getElementById("demo").innerHTML =
    "http://www.lolnexus.com/NA/search?name="+ person;
    }

我的问题是如何将他们输入的名称添加到该链接并转换为URL？

Answer 1

假设你有

<a href="" id="demo">Custom link</a>

在您的页面上

。 在其上调用innerHTML将修改链接的内容，因此仅显示URL。要将此网址作为链接，您可以使用

document.getElementById("demo").setAttribute("href", "http://www.lolnexus.com/NA/search?name="+ person);

Answer 2

<a href="" id="demo">Custom link</a>

<button onclick = "myFunction()" > LOLNEXUS < /button> //按钮

//功能开始

function myFunction() {
    var person = prompt("Please enter your summoner name", "");

    if (person != null) {
        var url = "http://www.lolnexus.com/NA/search?name=" + person;
        $('#demo').attr('href', url); //Replace the url

    }
}