Question

js语句实现文字与超链接的问题

function insertA(){
//JavaScript函数，function为关键字，定义此为一个函数，insertA()是函数名,'{'表示函数开始

var div1 = document.getElementById("div1");
//根据Id获取div，并赋给div1。"div1"与下面id="div1"相对应

div1.innerHTML = "<a href=' http://www.baidu.com'>百度<//a>";
//在div1里面插入一个链接。
//div1.innerHTML表示在div1中插入内容，"<a href=' http://www.baidu.com'>百度<//a>"表示插入的是链接，链接的名称是"百度"

}
//'}'表示函数结束

function insertWord(){
//JavaScript函数，function为关键字，定义此为一个函数，insertWord()是函数名,'{'表示函数开始

var div1 = document.getElementById("div1");
//根据Id获取div，并赋给div1。"div1"与下面id="div1"相对应

var txt1 = document.getElementById("txt1");
//根据Id获取txt，并赋给txt1。"txt1"与下面id="txt1"相对应

div1.innerHTML = txt1.value;
//在div1里面插入一个文本，文本的值为txt1中输入的内容。

}

function insertA(){
//JavaScript函数，function为关键字，定义此为一个函数，insertA()是函数名,'{'表示函数开始

var div1 = document.getElementById("div1");
//根据Id获取div，并赋给div1。"div1"与下面id="div1"相对应

div1.innerHTML = "<a href=' http://www.baidu.com'>百度<//a>";
//在div1里面插入一个链接。
//div1.innerHTML表示在div1中插入内容，"<a href=' http://www.baidu.com'>百度<//a>"表示插入的是链接，链接的名称是"百度"

}
//'}'表示函数结束

function insertWord(){
//JavaScript函数，function为关键字，定义此为一个函数，insertWord()是函数名,'{'表示函数开始

var div1 = document.getElementById("div1");
//根据Id获取div，并赋给div1。"div1"与下面id="div1"相对应

var txt1 = document.getElementById("txt1");
//根据Id获取txt，并赋给txt1。"txt1"与下面id="txt1"相对应

div1.innerHTML = txt1.value;
//在div1里面插入一个文本，文本的值为txt1中输入的内容。

}
怎样将这两个结合实现上述效果
效果：
在页面上添加一个输入框，和一个“插入链接”按钮；在输入框里面写入文字，点击按钮以后，在div里面插入一个链接，链接上的文字为输入框内的文字，链接指向http://www.163.com/
代码多复制了一次- -|||

Answer 1

具体什么效果啊，写这么多。