javascript - 如何使用 vanilla Javascript 将一个输入字段的值附加到另一个输入字段的值中？

Question

我有两个输入字段，我想将其中一个的值添加到另一个。这是我目前所拥有的:

HTML

<input id="server" type="text" value="www.google.com">
<input id="port" type="text">
<button onclick="appendPort()">Save</button>

Javascript

function getPort() {
  let portValue = document.getElementById('port').value;
}

function appendPort(portValue) {
  getPort();
  console.log(portValue);
}

所以在点击时，如果第二个输入字段的值为 123，我希望第一个输入字段的值为 www.google.com123。为什么 portValue 记录为 undefined？

Answer 1

appendPort 没有收到参数。它应该使用getPort的返回值:

function appendPort() {
    var portValue = getPort();                     // get the value returned by getPort and store it in portValue
    console.log(portValue);
}

和getPort应该返回它:

function getPort() {
    return document.getElementById('port').value;  // return something to be used by appendPort
}