按钮单击时将文本框中的值转换为href或超链接？

Question

我需要你的一些专家建议！我整天都在努力解决这个问题。

我有这个小提琴：http://jsfiddle.net/fag9n52y/109/

我已经评论了脚本的功能，并评论了我的主要问题是什么？＆＃34; HTML＆＃34;小提琴的一部分。

表单的工作原理：

1. 用户点击＆＃34; Coordinate1＆＃34;文字输入。

2. Google地图模式弹出窗口启动。

3. 然后用户在地图上选择一个位置。

4. 在地图上触发事件点击后，该位置的坐标会自动插入到文本框中。

5. 用户点击＆＃34;继续＆＃34;按钮。

6. 结束。

我需要做什么：

1. 用户点击＆＃34; Coordinate1＆＃34;文字输入。

2. Google地图模式弹出窗口启动。

3. 然后用户在地图上选择一个位置。

4. 在地图上触发事件点击后，该位置的坐标会自动插入到文本框中。

5. 用户点击＆＃34;继续＆＃34;按钮。

6. 坐标转换为此超链接/ href：＆＃34; https://www.google.com/maps/places/ + {VALUE OF COORDINATE1}＆＃34;。

7. 结束。

我尝试了什么：我尝试添加这段代码（这不是小提琴）：

function convertToLink() {
  var coor = document.getElementById('Coordinate1');
  var link2 = "https://www.google.com/maps/places";
  var ContinueButton = document.getElementById('Continue1');

  ContinueButton.onclick = function(){
    coor.value = link2 + coor;         
  };                       
};

Answer 1

getElementById()返回一个dom节点，但您需要该节点的值

更改

var coor = document.getElementById('Coordinate1');

要

var coor = document.getElementById('Coordinate1').value;