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

我有两个输入字段，我想将它们的值相加。以下是我目前掌握的情况：
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);
}

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

最佳答案

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
}